상품을 등록, 수정, 삭제, 가져올 수 있는 토이 프로젝트 입니다.
- Storybook을 사용하여 CDD를 함.
- 클라이언트, 서버 둘 다 풀스택으로 개발.
- 상품 목록 페이지로 이동하여 상품 리스트를 확인할 수 있음.
- 상품을 클릭하면 모달이 뜨며, 모달에서 해당 상품의 정보를 변경 또는 삭제할 수 있음.
- 상품 등록 페이지로 이동하여 상품 업로드를 진행할 수 있음. 옵션, 브랜드, 카테고리는 서버에서 데이터를 받아오며, 이미지를 업로드 할 수 있음.
- 데이터의 변경, 또는 삭제가 일어날 시 최신 데이터를 유지하기 위해, 상품 리스트 api가 다시 호출됨.
| 속성 | 값 |
|---|---|
| 클라이언트 | React |
| 서버 | NestJS |
| ORM | Prisma |
| DB | Postgresql |
| CloudService | Cloudflare |
| 패키지 매니저 | Yarn |
| 언어 | Typescript |
| 상태관리 라이브러리 | React Query |
| 비동기 통신 | Axios |
| 스타일 | Semantic UI,Styled Components |
| 코드 퀄리티 | eslint, prettier |
| 코드 관리 | git & github |
| 테스팅 | Storybook |
해당 문서 를 참고한다.
해당 문서 를 참고한다.
이용준 |