오늘은 이번에 사용한 스택, 기능에 대해 발표 영상을 찍었다.
내가 이번 고른 주제는 저번 프로젝트에서 Redux-Thunk를 사용해봤고 이번 프로젝트에서는 Redux-Saga를 사용해봐서 Redux-Thunk와 Redux-Saga를 둘 다 사용해 보고나의 공통점, 차이점, 느낀점을 발표했다.
서비스 발표 문서와 wiki에는 이번에 내가 사용한 스택과 맡은 부분을 적어야 해서 오늘 GitHub 레포의 프로젝트에 있는 Task 카드를 보며 정리했는데 우리 서비스의 페이지 갯수에 비해 생각 보다 많았다.
1. UI & Wireframe 디자인 및 설계
2. Landing Page
- section 2, 3 작업
- 반응형 디자인 구현
- 카카오 소셜 로그인 구현 (OAuth 2.0)
3. Select Account Page
- 컴포넌트 작성
- 가계 생성 기능 및 가계 생성 제한 기능 구현
- 반응형 디자인 구현
4. Account Page
- 컴포넌트 작성
- 출력 및 PDF 저장 기능 구현
- 컨텐츠 수정 및 삭제 기능 구현
- 유저 초대, 탈퇴 기능 구현
- 가계 수정 및 삭제 기능 구현
- 반응형 디자인 구현
5. HelpDesk Page
- 컴포넌트 작성
- 이메일 전송 기능 구현
- 반응형 디자인 구현
6. State managemen
- Redux 초기 셋팅 및 Saga 적용
- Redux-persist를 통한 새로고침 및 재접속시 상태 유지 구현
- Redux-Saga를 통한 상태 관리 및 비동기 처리
7. GraphQL과 RESTful API를 이용한 서버 통신
8. Router
- React-router 적용
- 각 페이지, 각 게시물 별 라우터 분기 처리
이제 프로젝트가 정말 끝이 났다. 자세한 내용은 다음 포스트 프로젝트에서 진행해야겠다!