처음 만난 Next.js 문서
16.1
미니 커뮤니티 기획하기
이번에 개발할 프로젝트는 미니 커뮤니티 입니다. 기본적으로 가입 및 로그인 기능이 있고, 가입한 사용자들은 글을 작성하거나 글에 댓글을 달 수 있는 서비스입니다. 서비스를 개발하기 전에 먼저 개발할 기능과 화면에 대해 기획을 해야합니다.
우선 우리가 개발할 기능은 아래와 같이 정리해볼 수 있습니다. 회원과 관련된 기능과, 게시글 관련 기능, 그리고 댓글 관련 기능이 있습니다.
- 회원가입/로그인/로그아웃 기능
- 게시글 작성/보기 기능
- 댓글 작성/보기 기능
그리고 위 기능을 모두 구현하기 위해서 개발이 필요한 페이지 목록은 아래와 같습니다.
- 메인 페이지 (
MainPage) - 로그인 페이지 (
SignInPage) - 가입 페이지 (
SignUpPage) - 게시글 보기 페이지 (
PostViewPage) - 게시글 작성 페이지 (
PostWritePage)
이러한 기획을 바탕으로 와이어프레임을 그려보면 아래와 같이 그려볼 수 있습니다. 참고로 와이어프레임은 상세한 디자인 작업 전에 간단하게 화면들을 스케치한 것을 의미합니다. 이 와이어프레임에서도 알 수 있듯이 우리가 만들 미니 커뮤니티에는 두 가지의 Root Layout이 존재합니다. 하나는 회원가입/로그인 기능을 위한 레이아웃이고, 다른 하나는 게시글 목록과 게시글을 보여주기 위한 상단에 헤더가 위치한 형태의 레이아웃입니다. 이제부터 이 와이어프레임을 기준으로 해서 본격적인 미니 커뮤니티 개발을 진행해보도록 하겠습니다.
💡 사용한 와이어프레임 툴
https://frame0.app/
마지막 업데이트: 2025년 10월 24일 04시 20분
이 문서의 저작권은 이인제(소플)에 있습니다. 무단 전재와 무단 복제를 금합니다.
On this page