- 목표 : API 서버와 통신해서 작동하는 댓글 프로젝트를 Redux를 통해 구현
- 기간 : 2023. 01. 16 ~ 2023. 01. 19
git clone https://github.com/preonbording-5/pre-onboarding-8th-4-5
npm install
npm start
npm run api
src
├── App.tsx
├── index.tsx
├── index.css
├── api
│ ├── commentApi.ts
│ └── instance.ts
├── components
│ ├── CommentItem.tsx
│ ├── CommentInputForm.tsx
│ ├── CommentList.tsx
│ └── Pagination.tsx
├── constants
│ └── constants.ts
├── redux
│ ├── CommentSlice.ts
│ ├── PageSlice.ts
│ ├── index.tsx
│ └── modeSlice.ts
└── types
└── types.ts
1. API 호출
2. Redux-Toolkit 비동기 처리
Prefix | Description |
---|---|
build | Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm) |
ci | Changes to our CI configuration files and scripts |
docs | Documentation only changes |
feat | A new feature |
fix | A bug fix |
perf | A code change that improves performance |
refactor | A code change that neither fixes a bug nor adds a feature |
style | Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc) |
test | Adding missing tests or correcting existing tests |
이름 | 개인 Repository 주소 |
---|---|
박인 | https://github.com/innie0526 |
오신정 | https://github.com/ShinjungOh |
이민지 | https://github.com/vanillovin |
이정우 | https://github.com/azerose |
황성택 | https://github.com/Seongtaek-H |
React, TypeScript, tailwind, Redux Toolkit, Redux-thunk