1. 노션 생성

> 프로젝트 기록용 노션

2. 아이디어 회의

무엇을 만들까 What

필수요소

로그인, CRUD활용
관리자와 사용자 페이지가 분리된 웹페이지

아이디어

• 취향에 맞는 웹소설
• 로딩페이지 미니게임
• CRUD를 활용한 간단한 앱(TODO, 롤링페이퍼)
• 구독 관리
• 웹툰 통합 검색, 관리
• 커뮤니티

어떻게 만들까 How

프론트엔드

• 리액트
• 리덕스 vs 리액트쿼리 + 리코일
  기존에는 리덕스를 많이 사용했지만 리액트 쿼리를 사용하면 로딩이나 에러, 캐시처리 같은 기능들을 쉽게 구현할 수 있기때문에 최근 많이 사용되고있다.

백엔드

• 노드
• DB
  몽고DB vs 파이어 베이스

협업

• git fork

3. 기술공부

[ 공통 ]

• (8/7~)프론트엔드와 백엔드 간의 연계, 전체 흐름을 파악하기 위해 클론코딩 진행
  > 인프런 쇼핑몰 클론코딩

[ 프론트엔드 ]

(8/11) 포켓몬 도감 만들기 클론코딩
(8/19) 리액트쿼리 공부
https://youtu.be/NQULKpW6hK4
(8/20) 리코일 공부

[ 백엔드 ]

(8/) 노드 공부
(8/16) 파이어베이스 공부

4. 프로그램 구조설계

다이어그램

자료 흐름도