1. 서비스 소개
꿀매 정보 교류 커뮤니티 서비스
1.1 배경
고물가 시대에서 싸고 좋은 물건을 구매하는 것은 쉬운 일이 아닙니다.
또한 스스로 산 물건이 싸게 잘 샀는지 판단하는 일 또한 쉬운 일은 아닙니다.
저희 팀은 이런 어려움에 초점을 맞춰 꿀매포청천 이란 서비스를 기획했습니다.
아이디어 목록
- 스포츠 팬들을 위한 커뮤니티
- 평범
- 이미 있는 서비스
- 반려동물 커뮤니티
- 이색 동물 위주였으면 좋겠다. (틈새시장인가요?)
- 상업성은 없음
- 데브코스 페이스북
- 기수별
- 슬랙과의 차별점 모르겠어요…
오늘 저녁메뉴 추천 커뮤니티(요리)- 들어오게 하는 원동력?
- 추천을 하게 하려는 원동력은? → 자극성 넣기
- 랭킹
- 추천 받은 사람은 꼭 먹고 인증하도록
- 미디어의 영향과 연관지어서
- 프론트엔드 개발자 커뮤니티 (기술 포스팅, Q&A) - 기술 별 / role별
- role : junior, senior 같은 / 연차
- 너무 흔함
- 커리어리라고… 완전.. 똑같죠..
- 운동 일기(헬스 케어 커뮤니티)
- 너무 많음 차별성…?
투표 투기장 커뮤니티- 주제 던지고 투표하기
- 한국인들이 좋아할 것 같아요 (뭐가 낫다 비교하고,, )
- 토의
- 게임적 요소도 넣어볼까요? ㅎㅅㅎ(레벨업이나 성장형 동물농장같은거)
- 기한이 너무 짧아요
- 오늘의 지름 공유
- 나 뭐샀다
- 박탈감 느낄 것 같아요
- 거지방 커뮤니티 (절약)
- 금액 제한 정해놓고
- 현타가 올거 같다
- 돈 아끼는 목적
- 금액 + 날짜 + 지출 내역
- 통계를 어떻게 - 달성률
- 불행
배틀커뮤니티 : 위안 - 위로도 얻을 수 있고 (남의 불행을 보고..)
- 랭킹 (누가 제일 불쌍한가, 댓글로 위안을 남겨주세요)
- 칼부림 실시간 공유?????????
- 꼭 칼부림이 아니더라도 폭행 등 위험 상황 등에 대한 공유가 있으면 좋을 것 같아요
- 경고의 목적
- 너무 자극적임
- 금리에 따른 물가 공유…
- 그냥 써봄.
- 덕질 사이트
- 각 채널 = 덕질 대상 ….. (ex. 아이유 채널…?)
- 채널이 너무 다양해질수도?
- 채널 제한을 어떻게 할 것인가? (우리집 강아지)
- 동네 커뮤니티
- 당근마켓
- 각 채널 = 각 동네 (ex. 역삼동 , ….)
- 맛집을 공유한다든가, 동네에서 일어난 이슈 등에 대한 글, …
- 매칭 서비스
- 기획자 vs 개발자
- 친구 vs 연인
- 학생 vs 선생님
- 게임 듀오
- 너무 많아질 수 있을 것 같다
- 독서 커뮤니티
- 책에 대한 소감
- 책 = 채널
- 네이버 카페
- 데브코스 후기커뮤니티 (가능..?)
- 익명 !!!!! (메시지를 못 보냄)
- FTPJ… 누적 미션 체크로 내 성향을 알아보자…
- 날마다 미션에 대한 응답으로 내 성향을 알 수 있는
- F인데 T가 되고 싶어 ⇒ T같은 미션을 제공하고 미션을 수행하면 체크 (인증하는 식)
- 집단지성 꿀매 판단 사이트… 이거 얼마에 샀는데 꿀매인가요?
- 투표받고 퍼센티지로
- 랭킹 (오늘의 꿀매)
- 중고거래 / 새제품구매 카테고리
- 오구오구 - 오늘 구하는 조언… 고민상담… 하루마다 데이터 사라짐
- 힐링 서비스
- 대나무숲 커뮤니티
- 어딘가 말 못할 얘기들을 맘 놓고 얘기할 수 있는..
- 진로, 우정, 사랑, 가족, 학업, 직장 등에 대한 고민 카테고리(채널) 만들 수 있을 것 같아요
- 닉네임으로 활동
공감”해줘”커뮤니티- 공감을 어떻게 해줘? 그냥 텍스트?(검사를 어떻게 할건가) 버튼?
- 여행 후기 커뮤니티 (다낭다녀왔는데 ~ 어쩌구저쩌구~)
- mbti 대전 커뮤니티 (mbti별 채널 및 vs 대결 등?)
- 16개 각각을 채널로 하고 자기 채널에다가만 글 쓸 수 있도록
- 오늘의 tmi 커뮤니티
다양한 아이디어가 나왔고, 그 중
거지방(절약) 커뮤니티와 꿀매 커뮤니티가 최종 후보로 나오게 되었습니다. 꿀매 커뮤니티가 좀 더 다양한 시도와 구현을 할 수 있을 것 같아 최종적으로 결정하게 되었습니다.1.2 소개
꿀매란 꿀처럼 달콤한 매물이란 뜻으로 소비자가 저렴한 가격에 좋은 상품을 구입할 때 주로 사용하는 말 입니다. 꿀매포청천은 꿀매란 키워드에서 아이디어를 얻어 사람들과의 커뮤니케이션을 통해 이 매물을 좋은 가격에 구매했는지 아닌지를 판단해 볼 수 있는 서비스를 제공합니다.1.3 타겟층
- 가성비 제품 및 서비스에 관심이 많은 사람들
- 중고 거래 서비스를 자주 이용하는 사람들
- 가성비 매물 관련 정보를 얻고 싶은 사람들
- 구매 및 판매 시 적정가를 알아보기 귀찮거나 궁금한 사람들
1.4 기능
- 로그인 / 회원가입
- 포스트 글 작성 및 수정
- 댓글
- 팔로우 / 팔로잉
- 좋아요 / 싫어요
- 알림
- 다크모드
2. 팀원 소개
역할 분담
3. 프로젝트 소개
3.1 기술 스택
- Next.js 13
- SCSS
- Axios
- Tanstack Query
- Zustand
- Vercel
- Storybook
3.2 유저 스토리
User Story
3.3 디자인
피그마 디자인 이미지
3.4 프로젝트 일정
프로젝트 일정
3.5 네이밍 및 기타 컨벤션
- DB 스키마와 관련된 모델(객체) →
Interface사용
- 기타 컴포넌트 props →
type사용
- props 관련 타입은 컴포넌트에서 선언하고 그 외는 types폴더에 생성
- 컴포넌트 →
파스칼 케이스사용
- 함수나 변수 →
카멜 케이스사용
- 상수→
스네이크 케이스사용
3.6 진행 방식
- 매주 팀원들과 이번 해야만 하는 일을 유저 스토리에서 추출합니다.
- 해당 일을 깃헙 프로젝트의 on sprint와 깃헙 이슈에 등록합니다.
- 내가 이 일을 하는데에 얼마 만큼의 시간이 걸릴지 예측해서 산정합니다
- 해당 내용을 동료들과 토론 후 최종적으로 일정을 산출합니다.
- 데일리 스크럼에서는 개발진행 상황과 피드백이 필요한 일들을 이야기합니다.
- 이때 피드백은, 상황과 맥락을 구체적으로 설명합니다.
- 또한 매주 금요일마다 다음주에 무엇을 해야 하는지 결정하는 시간을 갖습니다.
3.7 깃허브 관리
- 이번 프로젝트는 짧은 시간 내에 많은 인원과 함께 빠른 템포로 진행되는 프로젝트입니다.
- 따라서 아래와 같이 규칙을 두어 프로젝트의 환경과 상황에 알맞은 flow를 구성했습니다.
- main : 마지막에 배포되는 브랜치 release 1.0.0
- release : 매주 스프린트 후 배포가 되는 브랜치
- develop : feature브랜치에서 merge되는 브랜치
- feat : 각 기능에 대한 개발 사항을 담은 브랜치
4. 폴더 구조 및 컴포넌트 분류
Atomic Design Pattern 적용
- components 폴더 아래
atoms,molecules,organisms,templates폴더로 구성 - 컴포넌트의 크기에 따라
atoms,molecules,organisms,templates인지 구분하여 해당하는 폴더 아래 컴포넌트 폴더 생성
- 컴포넌트폴더 안에 스토리북 파일과 SCSS파일 모두 넣기
Services→ API호출 담당
Components/UI→ 공통된 컴포넌트(로직X)
Components/Services→ 서비스 로직과 엮인 컴포넌트
Templates까지는 스타일적 요소만 →Pages에서 로직이 들어가게