HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
🍏
김나영팀
/
앙골라 ANGOLA
앙골라 ANGOLA
/
📝
기획서
기획서
📝

기획서

목차 보기
1. 서비스 소개앙골라란 ?네이밍 의도사용자 타겟층 2. 기획 의도 기획배경기대 효과 3. 주요 기능4. 기술 스택 5. 유저 스토리6. 개발 문화 7. 업무 분배 및 일정 8. 플로우 차트 & 와이어 프레임
 

🤔 앙골라 Angola

 

1. 서비스 소개


앙골라란 ?

  • 밸런스 게임 플랫폼
  • 한 주제에 대해 사용자들이 A와 B 중 하나를 선택하여 각자의 의견 공유하는 플랫폼

네이밍 의도

  • 이미 존재하는 단어(국가 이름)를 서비스명에 활용하여, 사용자들에게 친근한 느낌을 주고자 하였음.
  • 서비스의 정체성을 담고 있으며 귀여운 어감으로 인해 누구나 쉽게 떠올릴 수 있음.

사용자 타겟층

  • 일상 속에서 결정을 잘 하지 못하는 사람들
  • MZ를 꿈꾸는 사람들
  • 그룹 내에서 아이스브레이킹이 필요한 사람들
  • 한 주제에 대해 열렬한 토론을 나누고 싶은 사람들
 

2. 기획 의도


기획배경

🤔
둘 중 하나를 고르기 어렵거나 참신하고 재미있는 상황들을 다루는 밸런스 게임이 MZ세대를 중심으로 유행하고 있습니다. 따라서 한 주제에 대해 다양한 의견을 나누며 즐거움을 느끼고, 각자의 선택에 도움을 줄 수 있는 밸런스 게임 기반 플랫폼이 있으면 좋겠다고 생각했습니다. 한 주제에 대한 사람들의 투표율과 댓글들을 통해 특정 주제에 대한 깊이 있는 소통을 즐길 수 있는 앙골라 서비스를 기획하게 되었습니다.

기대 효과

🧩
사용자 솔루션 제공
일상 속에서 고민이 발생하는 사용자들에게 해결 방법을 제시해줄 수 있음.

🗨️
사용자 의견 공유
다양한 사람들 간 의견과 생각을 공유함으로써, 한 주제에 대한 다양한 의견에 대해 생각해볼 수 있고, 자신과 타인에 대한 이해의 폭을 넓힐 수 있게 함.

🎉
즐거움 제공
밸런스 게임은 실생활에서도 많이 사용되는 주제이기에, 온라인 뿐만 아니라 오프라인 모임에서도 컨텐츠로 사용될 수 있다.
📚
다양한 의견 데이터 수집
여러 주제에 대한 사용자의 의견 데이터를 수집할 수 있음. 사용자의 선호도에 대한 정보를 담고 있기 때문에, 마케팅으로의 활용을 고려할 수 있음.

🎮
게임과 커뮤니티 기능의 결합
사용자들은 커뮤니티 기능을 활용하여 밸런스 게임에 참여하면서, 친구나 타 사용자와 소통하며 새로운 사회적 연결을 형성할 수 있음. 두 플랫폼의 장점을 모두 취할 수 있음.
 
 

3. 주요 기능


 인증
인증
  • 회원 가입을 진행할 수 있습니다.
  • 로그인을 할 수 있습니다.
 포스트
포스트
  • 전체 포스트 목록을 볼 수 있습니다.
  • 상세 포스트를 볼 수 있습니다.
  • 포스트 글을 작성 / 삭제 할 수 있습니다.
 
 댓글 & 투표
댓글 & 투표
  • 포스트에 댓글을 작성 / 삭제 할 수 있습니다.
 
 검색
검색
  • 포스트 / 유저를 검색할 수 있습니다.
  • 전체 포스트 / 전체 유저를 조회할 수 있습니다.
  • 포스트를 최신순, 좋아요 순으로 볼 수 있습니다.
  • 유저를 팔로워 순, 레벨 순(작성한 글 수 + 작성한 댓글 수)으로 볼 수 있습니다.
  • 더보기로 해당 포스트나 유저 정보 페이지로 이동할 수 있습니다.
 좋아요
좋아요
  • 포스트에 좋아요를 등록 / 취소 할 수 있습니다.
 알림
알림
  • 알림 모달창에서 알림들을 확인 할 수 있습니다.
 마이 페이지
마이 페이지
  • 자신의 정보를 수정할 수 있습니다.
  • 자신의 닉네임, 프로필 이미지, 좋아요 개수, 포스트 목록을 볼 수 있습니다.
  • 로그아웃을 할 수 있습니다.
page icon
유저 페이지

  • 유저의 정보를 조회할 수 있습니다.
  • 유저 닉네임, 프로필 이미지, 레벨, 팔로우 정보, 좋아요 개수, 포스트 목록을 볼 수 있습니다.
  • 팔로우 신청 / 취소를 할 수 있습니다.
 

4. 기술 스택


BASE
4
MORE
8
WORK
4
No Select0
TypeScript
TypeScript
language
React
React
library
Vite
Vite
build
npm
npm
package
axios
axios
http
recoil
recoil
stateManagement
react-query
react-query
dataFetching
react-router-dom
react-router-dom
route
Emotion
Emotion
style
ESLint
ESLint
codeFormat
Prettier
Prettier
codeFormat
Vercel
Vercel
deploy
Slack
Slack
co-work
Notion
Notion
co-work
Github
Github
co-work
Discord
Discord
co-work

5. 유저 스토리


기능 분류
사용자 분류
유저 스토리
기타 사항
인증
전체
모든 사용자는 email과 비밀번호를 입력해서 로그인할 수 있다.
인증
로그인
로그인 성공 시 홈으로 이동한다.
포스트 피드
전체
모든 사용자는 포스트 피드를 볼 수 있다.
포스트 피드
전체
모든 사용자는 마우스 스크롤을 통해 모든 포스트를 볼 수 있다.
포스트 피드
전체
모든 사용자는 작성자를 클릭해서 작성자의 유저 페이지로 이동할 수 있다.
포스트 피드
전체
모든 사용자는 정렬 메뉴-좋아요 개수를 선택해 좋아요 개수 순으로 포스트를 정렬할 수 있다.
포스트 피드
전체
모든 사용자는 정렬 메뉴-최신순을 선택해 최신순으로 포스트를 정렬할 수 있다.
포스트 피드
전체
모든 사용자는 정렬 메뉴-댓글 개수를 선택해 댓글 개수 순으로 포스트를 정렬할 수 있다.
포스트 피드
로그인
로그인한 사용자는 좋아요 버튼을 클릭해서 포스트 좋아요를 남길 수 있다.
포스트 피드
로그인
로그인한 사용자는 댓글 토글 버튼을 클릭해서 포스트 자세히보기로 이동할 수 있다.
포스트 피드
로그인
로그인한 사용자는 A 또는 B 를 선택해서 포스트 자세히 보기로 이동할 수 있다.
포스트 피드
비로그인
로그인하지 않은 사용자가 A 또는 B를 선택하면 로그인 안내 모달창이 나타난다.
상단 메뉴
전체
모든 사용자는 로고 버튼을 클릭해 홈 화면으로 이동할 수 있다.
상단 메뉴
전체
모든 사용자는 검색 버튼을 클릭해 검색 페이지로 이동할 수 있다.
상단 메뉴
로그인
로그인한 사용자는 작성 버튼을 클릭해 포스트 작성 페이지로 이동할 수 있다.
상단 메뉴
로그인
로그인한 사용자는 프로필 버튼을 클릭해 마이 페이지로 이동할 수 있다.
상단 메뉴
로그인
로그인한 사용자는 알림 버튼을 클릭해 알림 모달창을 볼 수 있다.
상단 메뉴
비로그인
로그인하지 않은 사용자는 로그인 버튼을 클릭해 로그인 페이지로 이동할 수 있다.
상단 메뉴
비로그인
로그인하지 않은 사용자는 회원가입 버튼을 클릭해 회원가입 페이지로 이동할 수 있다.
포스트
로그인
로그인한 사용자는 (메인 부분의) A 또는 B를 클릭해서 투표 항목을 선택할 수 있다.
포스트
로그인
로그인한 사용자는 (댓글 입력란의) A 또는 B를 클릭해서 투표 항목을 선택할 수 있다.
포스트
로그인
로그인한 사용자는 댓글 토글 버튼을 클릭해서 포스트 피드로 돌아갈 수 있다.
포스트
로그인
로그인한 사용자는 댓글 입력란에서 글을 입력해서 의견을 작성할 수 있다.
포스트
로그인
로그인한 사용자는 댓글 입력란에 글을 입력하면 submit 버튼 텍스트가 __ 로 나타난다.
포스트
로그인
로그인한 사용자가 투표 항목만 선택하면 submit 버튼 텍스트가 __로 나타난다.
포스트
로그인
투표 항목을 선택하지 않은 사용자는 submit 버튼을 클릭할 수 없다.
포스트
로그인
로그인한 사용자는 댓글창의 submit 버튼을 클릭해서 투표할 수 있다.
포스트
로그인
로그인한 사용자가 투표를 완료하면 댓글 입력란 대신 투표 결과를 볼 수 있다. (댓글 입력 X)
포스트
로그인
로그인한 사용자가 투표를 하지 않으면 투표 결과를 볼 수 없다.
포스트
로그인
로그인한 사용자가 투표를 완료하면 댓글을 삭제할 수 있다. (수정 X)
포스트
로그인
로그인한 사용자는 댓글을 삭제했을 시에 다시 투표 이전 화면으로 돌아갈 수 있다.
검색
전체
모든 사용자는 검색 페이지에 접속하면 포스트 탭이 기본으로 활성화된다.
검색
전체
모든 사용자는 유저 버튼을 클릭하여 유저 탭을 활성화할 수 있다.
검색
전체
모든 사용자는 포스트 버튼을 클릭하여 포스트 탭을 활성화할 수 있다.
검색
전체
모든 사용자는 포스트 탭이 활성화 되어 있을 때, 검색어를 입력하지 않으면 모든 포스트를 볼 수 있다.
검색
전체
모든 사용자는 유저 탭이 활성화 되어 있을 때, 검색어를 입력하지 않으면 모든 사용자를 볼 수 있다.
검색
전체
모든 사용자는 검색 버튼을 클릭하여, 포스트 탭이 활성화 되어 있을 때, 입력한 키워드에 대해 포스트 검색 결과를 볼 수 있다.
검색
전체
모든 사용자는 검색 버튼을 클릭하여, 유저 탭이 활성화 되어 있을 때, 입력한 키워드에 대해 사용자 검색 결과를 볼 수 있다.
검색
전체
모든 사용자는 정렬 버튼을 클릭하여, 포스트 탭이 활성화 되어 있으면, 최신순|좋아요순|댓글순 으로 정렬된 포스트를 볼 수 있다.
검색
전체
모든 사용자는 정렬 버튼을 클릭하여, 유저 탭이 활성화 되어 있으면, 팔로워순|레벨순(쓴 글+쓴 댓글+받은 좋아요)으로 정렬된 포스트를 볼 수 있다.
검색
전체
모든 사용자는 유저 목록에서 더보기를 클릭해서 해당 유저 페이지로 이동할 수 있다.
검색
전체
모든 사용자는 포스트 목록에서 더보기를 클릭해서 해당 포스트 페이지로 이동할 수 있다.
포스트 작성
로그인
로그인한 사용자는 포스트 작성을 할 수 있다.
포스트 작성
로그인
로그인한 사용자는 A, B 칸에 나타나야 하는 항목을 작성할 수 있다.
포스트 작성
로그인
로그인한 사용자는 한 줄 설명을 작성할 수 있다.
포스트 작성
로그인
로그인한 사용자는 작성 완료 버튼을 클릭하여 포스트를 등록할 수 있다.
유저 페이지
전체
모든 사용자는 유저의 프로필 이미지, 이름, 레벨, 받은 좋아요 수, 팔로워수, 팔로잉 수, 작성한 포스트를 볼 수 있다.
유저 페이지
전체
모든 사용자는 유저 정보의 포스트 더보기 버튼을 눌러서 상세 포스트 페이지로 이동할 수 있다.
유저 페이지
로그인
로그인한 사용자는 유저 정보의 팔로우하기 버튼을 누를 수 있다.
마이 페이지
로그인
로그인한 사용자는 자신의 프로필 이미지, 이름, 레벨, 받은 좋아요 수, 팔로워수, 팔로잉 수, 작성한 포스트를 볼 수 있다.
마이 페이지
로그인
로그인한 사용자는 자신의 프로필 이미지를 변경할 수 있다.
마이 페이지
로그인
로그인한 사용자는 로그아웃할 수 있다.
알림
로그인
로그인한 사용자는 알림창을 클릭하면 모달창이 열리고, 알림들을 확인할 수 있다.
목록 조회 요청 → 성공 → 읽음 처리 요청
알림
로그인
로그인한 사용자는 모달창에서 스크롤을 통해 모든 알림을 확인할 수 있다.
알림
로그인
로그인한 사용자는 모달창에서 좋아요 알림 클릭 시, 해당 포스트 페이지로 이동할 수 있다.
알림
로그인
로그인한 사용자는 모달창에서 댓글 알림 클릭 시, 해당 포스트 페이지로 이동할 수 있다.
알림
로그인
로그인한 사용자는 모달창에서 팔로워 알림 클릭 시, 해당 유저 페이지로 이동할 수 있다.
404
전체
모든 사용자는 관리하지 않는 페이지 접속 시 404페이지로 이동한다.

6. 개발 문화

🖥️
개발 문화
 

7. 업무 분배 및 일정

📅
업무 분배 및 일정 산정
 

8. 플로우 차트 & 와이어 프레임