회의 목록
기획관련
화면 UI설계 (플로우차트 + 와이어 프레임 + 컴포넌트 이미지화)
주요 기능 명세서 + 유저스토리 정리
기술스택 내용 추가
기획의도 및 기대효과
개발세팅관련
깃허브 레포
초기세팅 추가
회의 기록
요구사항
JWT 토큰에 대한 관리방법체계에 대한 논의가 필요함 ⭐⭐⭐
- 로그인 여부에 따른 ui 구성 전면 수정 필요
- 회원가입 후 유저네임 활용 세부 조정 필요
- 사용자 목록 조회에 대한 ui 논의 필요
- 슬랙채널 vs 디스코드 ✅
- 실시간성 : 1분에 한번씩 API호출
- 디스코드에서 USER 리스트 보여지는 것 처럼 화면에 렌더링
- 검색기능 추가
- 초기에는 만들어진 Mypage로 라우팅 되도록 처리
- 추후에 개발시간이 여유있다면 Modal 창을 통해 간단한 정보가 화면에 렌더링 되도록 구현
- 더보기 버튼을 통한 MYpage라우팅
점진적 개발 예상
- 유저 정보 비밀번호 변경 논의 필요
- 문제점 1. 현재 비밀번호를 검증하는 과정이 없음
- 강사님한테 비밀번호 변환한거 복구하는방법? 여쭤보거나, 알아봐야함
- 문제점 2. 비밀번호의 조합에 제한이 어디까지 있는지 모르겠음
- 정규표현식으로 우리만의 조합을 만들어낼거임
- 채널 삭제 방법 확인 (현재 있는 채널 정제 필요)
- 포스트 게시
- 웹 - 페이지네이션
- 모바일 - 더보기 버튼
→ 둘다 페이지네이션으로 진행 (모바일에는 화살표 형식으로 진행)
- 유저 게시글 목록
GET /posts/author/{userId}로 통일
- titleData 세분화 추후 예정
- 포스트에 이미지 추가
- 이미지에 따른 ui 설정 필요
- 댓글 수정하기 기능 추후 논의
- 댓글과 투표 논의
- 댓글과 투표 type별로 분류
- 재투표 방지 방법
-배열 데이터로 저장 후 로직을 통해 정제
-데이터별 객체로 정제 후 데이터로 저장 ✅
channel => (post.comment.userId === userId) => 투표하지 못하도록 (미확정)
- 알림 데이터 추후 정리
- 팔로우 하는 사람이 게시글을 올렸을 때 알림
- 채널에서 팔로우 한 사람의 글만 볼 수 있도록 `
- DM 기능 보류 (추후 웹소켓 추가해서 한번에 구현)
- 레벨 & 잔디밭 구현
- comment , likes, posts 누적 수로 → 출석 일수
- 출석 일수 → 잔디밭
잔디밭의 색 변경 단색 vs 여러색
출석체계에 3점을 기본적으로 부여
→추후에 알고리즘 씌워서 comment, like, post 계산해서 추가점수 준다음 색바꾸자
기능명세서
요구사항 ID | 요구사항명 | 기능명 | 상세설명 | 필수데이터 | 선택데이 |
ㅤ | 로그인 | ㅤ | 아이디, 비밀번호로 로그인, 로그인 방식은 JWT, 아이디 비밀번호 틀렸을 경우에 대한 예외처리 | ㅤ | ㅤ |
ㅤ | 회원가입 | ㅤ | 이메일 인증을 통한 회원가입, 이메일로 오는 인증번호를 입력, 올바른 이메일 형식인지 대한 확인, 비밀번호 확인 포함 | ㅤ | ㅤ |
ㅤ | 회원 정보 수정 | ㅤ | 비밀번호 변경이나, 닉네임 변경, 프로필 사진 변경 등을 수행 | ㅤ | ㅤ |
ㅤ | 회원 탈퇴 | ㅤ | 회원정보를 삭제, 경고문구 | ㅤ | ㅤ |
ㅤ | 로그아웃 | ㅤ | 회원만 사용할 수 있는 기능 사용 불가 | ㅤ | ㅤ |
ㅤ | 글작성 | ㅤ | 회원만 글을 작성 할 수 있다. | ㅤ | ㅤ |
프로젝트 요구사항
기본 요구사항
- 사용자는 회원가입과 로그인을 할 수 있습니다.
- 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 사용자는 가입자 목록을 볼 수 있습니다.
- 사용자는 가입자를 이름으로 검색을 할 수 있습니다.
- 사용자는 가입자의 정보를 볼 수 있습니다.
- 사용자는 포스트 혹은 가입자를 검색할 수 있습니다.
- 인증된 사용자는 자신의 정보를 변경할 수 있습니다.
- 인증된 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 인증된 사용자는 채널에 포스트를 남길 수 있습니다.
- 인증된 사용자는 포스트를 좋아요 할 수 있습니다.
- 인증된 사용자는 포스트에 댓글을 남길 수 있습니다.
- 인증된 사용자는 자신의 알림 목록을 확인 할 수 있습니다.
- SPA 형태로 만들어주세요.
- 엉뚱한 페이지에 접속하면 404 페이지를 보여주세요.
보너스 요구사항
- 사용자는 현재 접속 중인 사용자를 볼 수 있습니다.
- 인증된 사용자는 다른 가입자에게 메시지를 보낼 수 있습니다.
- 인증된 사용자는 자신에게 온 메시지 목록을 확인 할 수 있습니다.
- 인증된 사용자는 특정 사용자와의 메시지 대화 내역을 확인 할 수 있습니다.
- 인증된 사용자는 프로필 이미지 변경 및 포스트를 작성할 때 이미지를 첨부할 수 있습니다. 파일 업로드를 구현해보세요.
- 다크 모드를 적용해보세요.
호민
주요기능
인증
- 회원가입을 진행할 수 있습니다
- 로그인을 진행할 수 있습니다.
게시글
- 전체 게시글을 조회할 수 있습니다.
- 게시글을 생성, 수정, 삭제 할 수 있습니다.
- 게시글의 상세 페이지를 확인할 수 있습니다.
게시글 기능
- 투표기능
- 댓글기능
- 좋아요기능
검색
- 채널별 게시글을 검색할 수 있습니다.
- 사용자를 검색할 수 있습니다.
- 게시글을 검색할 수 있습니다.
알림
- 알림창을 통해 전달받은 알림을 확인할 수 있습니다.
팔로워
- 정보창을 통해 팔로워 팔로잉을 확인할 수 있습니다.
사용자 페이지
- Avatar기능을 제공합니다.
- 사용자에 대한 데이터를 보여줍니다.
- 사용자에 대한 데이터를 변경할 수 있습니다.
- 로그아웃을 할 수 있습니다.
- 활동내역(잔디밭 및 레벨)을 확인할 수 있습니다.
레벨
- 댓글, 게시글작성, 좋아요를 통해 레벨을 올릴 수 있습니다.
잔디
- 출석률을 Board를 통해 확인 할 수 있도록 보여줍니다.
유저 스토리
INDEX페이지 (비 인증)
- 시작하기 버튼
- Main페이지 라우팅
Main 페이지 (비 인증)
- 로그인 페이지 라우팅
- 게시글 작성 페이지 라우팅
- 사용자 정보 페이지 라우팅
로그인 - 회원가입 (비 인증)
- 로그인 하기
- 회원가입하러가기
- Input필요
- 필수 x 소셜로그인까지 감안하면 더 좋겠다.
UserPage(인증)
- Avatar
- 팔로우/팔로워 숫자
- 잔디밭 ⇒ 그리기 좀 어렵겠다 라고 생각하는데
- Level 추가
- 이름
- 전화번호
- 주소
⇒ User에 대한 데이터 렌더링하는기능이 전부
게시글 생성(인증)
게시글 세부페이지 (인증)
- 게시글에 추가 될 이미지
- TITLE / CONTENT/세부내용
- 유튜브 투표하기처럼
- 데이터 수정이 안되기 때문에 별도의 투표하기 버튼이 필요할 것 같아요.
- 댓글 Text입력
- 댓글추가 버튼
- 댓글렌더링
- 좋아요추가
- 결과보기 버튼이 필요함
투표결과(인증)
- progress
404 NotFound(비인증)
- 404notfound
추가구현 하기로 한 내용
소셜로그인
관리자모드
모바일 무한 스크롤
익명체계
댓글 수정
팔로우의 기능확장
- 팔로우 하는 사람이 게시글 작성 ⇒ 알림
- 채널 / 팔로우 하는사람의 게시글만 보이도록 필터링
DM
잔디밭 Version 2
투표하기 항목 버튼으로 구현할 예정인데 투표하기 ! 버튼 없이 요청보내고 수정될 수 있도록 하기
공유 사항
git commit template설정하기
- 프로젝트 최상위 경로에 .gitmessage 추가
- 터미널에 git config commit.template ./.gitmessage
- git commit 시 .gitmessage에 적은 내용이 표시됨
- 주석 처리된 내용은 commit message에 포함이 안됨
- 따라서 주석처리된 커밋 컨벤션의 내용을 까먹지 않을 수 있음
- 커밋 메세지 적고 esc ⇒ :wq ⇒ enter
- 원격으로 관리 할 필요가 없으므로 .gitmessage는 .gitignore에 추가
# <타입>: commit message # ------------------ # init: 프로젝트 초기 설정 # feat: 새로운 기능 추가 # fix: 버그 수정, 단순 파일 수정코드 포맷팅, 오탈자 수정 # refactor: 리팩토링 진행 # style: CSS등 UI 디자인 수정 # chore: 추가 의존성 설치, 문서 수정 # remove: 파일 삭제 # ------------------