블로그 만들기에 앞서 디자인과 기능을 한눈에 정리하기 위해서 무료 디자인 툴 figma
를 사용하였다.
위와 같이 간단히 디자인 하였다.
디자인 된 페이지를 통해 각 페이지에서 필요한 기능을 아래와 같이 설계하였다.
메인 페이지
포스트, 프로젝트 미리보기 데이터 불러오기
개발 포스트 페이지
포스트 목록 불러오기
개발 포스트 상세보기 페이지
포스트 상세보기 데이터 불러오기
프로젝트 페이지
프로젝트 목록 불러오기
프로젝트 상세보기 페이지
프로젝트 상세보기 데이터 불러오기
관리자 로그인 페이지
로그인 기능
통합 관리 페이지
포스트 및 프로젝트 목록 불러오기
포스트 및 프로젝트 공개여부 변경
포스트 및 프로젝트 작성 및 수정
로그아웃
개발 포스트 작성 페이지
포스트 작성 기능
개발 포스트 수정 페이지
포스트 수정 기능
프로젝트 작성 페이지
프로젝트 작성 기능
프로젝트 수정 페이지
프로젝트 수정 기능
데이터 베이스는 아래와 같이 설계하였다.