TodoList

1. 목표

• CRUD(Create, Read, Update, Delete) 기능을 만들어본다.
• Javascript ES6에 익숙해진다.
• TypeScript에 익숙해진다.
• REST API를 직접 만들어본다.
• 로컬에서 간단하게 DB를 구축한다.
• 기존 REST API에서 React-Query 와 GraphQl를 사용하여 Data 통신하는 구조를 바꿔본다.

2. 사용한 기술

Front

• React.js
• Next.js
• Axios
• TypeScript
• GraphQl
• React-Query

Back

• Nodejs
• express
• json DB
• GraphQl

3. 구현 목록

Client

• List 뷰 구현
• message 추가, 수정, 삭제 구현
• REST API로 데이터 통신 => GraphQl && React-Query로 데이터 통신
• 무한스크롤 구현
• 서버사이드 렌더링

Server

• express를 이용한 서버 및 JSON Database 구현
• server routes 사용 => GraphQl 사용

4. 추가 작업 해야 할 부분

• Recoil로 상태관리 하기