서론
-
pre-project, main-project를 하기 위해 모은 우리 넷은 서로 각자의 영역(프론트는 프론트정윤님은 백엔드를 공부하시긴 했다., 백엔드는 백엔드)만 이해하고 있었고 이로 인해 모두가 모은 회의시간 소통 과정에서 에로사항이 발생했다.
-
그래서 우리는 다가오는 월요일에 팀별 진행 계획에 대해서 서로 설명하고 공유하는 시간을 갖기로 했다.
프론트엔드 마일스톤 및 계획
마일스톤 1. 컴포넌트 제작 및 페이지 구성 (기본적인 DOM구조 및 CSS)
페이지
1) [Home /] O
2) [질문 /question] O
3) [질문상세] 진행 중 - 창훈
4) [로그인 /login] O -창훈
5) [회원가입 /signup] O -창훈
6) [질문작성] 진행 중 - 정윤
7) [프로필] X
작은마일스톤 기능 구현 중 상황에 따라 전역상태관리 파일 구성[Redux toolkit]
로그인 상태 관리 ex) isLoggedInd = true
다크모드 ex) theme = ‘light’
등등
마일스톤 2. 기능구현하기 (CRUD 위주로)
1) [Home /]
1-1) 질문 불러오기 R ✅
2) [질문 /question]
2-1) 질문 불러오기 R✅
2-2) 페이지네이션 ✅
3) [질문상세]
3-1) questionLikes 버튼에 이벤트에 따라 오르고 내려가기 ✅
3-2) questionComment
질문의 댓글 쓰기C ✅
질문의 댓글 불러오기R ✅
질문의 댓글 수정하기U🔥
질문의 댓글 지우기D🔥
3-3) answer [CRUD]
질문의 답변 쓰기C ✅
질문의 답변 불러오기R ✅
질문의 답변 수정하기U🔥
질문의 답변 지우기D🔥
4) [로그인 /login]
4-1) 로그인 성공시 ‘/’ 로 페이지 이동하기 ✅
4-2) isLoggedIn = true 가 되도록 Redux 파일 작성 ✅
5) [회원가입 /signup]
5-1) 회원가입 ✅
5-2) OAuth 🔥
6) [질문작성]
6-1) 질문 작성 기능 ✅
7) [프로필]
7-1) 다크모드 ✅
7-2) 프로필 사진 변경🔥
7-3) Display name 변경 🔥
마일스톤 3) advanced (프로젝트 진행 과정에 따라 볼륨 조절할 것)
1) [Home /]
1-1) filter네비게이션
2) [질문 /question]
2-1) filter네비게이션
3) [질문상세]
3-1) 질문정렬네비게이션
3-2) show more comments
3-3) 받아온 질문데이터를 마크다운으로 보여주기
4) [로그인 /login]
5) [회원가입 /signup]
6) [질문작성]
6-2) 태그 추가 기능🔥
6-3) 마크다운형식으로 보내기🔥
6-4) 질문 작성시 마크다운 버튼 기능 구형(기울임체, bold 등등)🔥
7) [프로필]
위 내용을 바탕으로 아래와 같이 PPT를 만들었다.
기술 스택 PPT
성과
- 이로 인해 백엔드와 프론트엔드와 함께 소통하더라도 최소한의 이해를 갖게 되었다.
