📝 댓글 CRUD with Redux

팀 레포 바로가기

📌 구현

🗓 구현 일정 : 2023.01.16 - 01.17

목차

1. 프로젝트 실행 방법
2. 구현사항

프로젝트 실행 방법

# npm 설치
npm install

# Local json-server 실행
npx json-server ./data.json --port 4000

# 로컬에서 실행
npm start

기술스택

React, TypeScript, Redux, axios, json-server, styled-components

구현사항

1. 댓글 CRUD 기능 구현

2. 페이지네이션

3. 댓글 작성, 수정, 삭제 후 동작
   • 댓글 작성하고 난 뒤: 다른 페이지에 위치하고 있었더라도 1페이지로 이동, 입력 폼 초기화
   • 댓글 수정하고 난 뒤: 현재 보고있는 페이지 유지, 입력 폼 초기화
   • 삭제하고 난 뒤: 1페이지로 이동

요구사항

• Redux 환경설정은 자유롭게 진행
  • Redux-saga or Redux-thunk 자유롭게 선택 가능
  • 미들웨어 사용안하는 것도 가능
• Redux logger, Redux-Devtools 설정 필수
• Redux를 이용한 비동기 처리 필수