개요

프로젝트 개요

<aside>

[목적]

1. 포토 카드를 사고파는 커뮤니티 제공
2. 카드 수집

[핵심 기능]

1. 포인트로 거래 시스템 구현
2. 검색, 정렬, 추출 기능
3. 알림 시스템 설계 및 구현 </aside>

사용 기술

<aside>

• HTML
• tailwind css
• JS, React, NextJs
• React-Query, fetch
• Express
• Prisma (ORM)
• GIT/Github
• [배포자만] Vercel, Render </aside>

작업 내역 및 일정

맡은 역할 및 일정

내가 한 일

FE

[공통] 공통 css

[공통] 정렬 (최신, 가격순)

[공통] 알림 modal 2개

[page] card 생성

[page] my gallery

[page] 내 판매 카드

BE

[api] 내 card 생성

[api] my gallery 조회

[api] 내 판매 카드 조회

[api] 사용자(1人) 조회

기타

[4팀] 공용 작업 페이지

[전체] 중간 ppt 작성

[[BE] readme.md 작성](https://zenith-roast-ebc.notion.site/BE-readme-md-1ee88b3cb86180e4a08ced341e5c7148)

총평 및 훗날의 개선 사항

총평

<aside>

1. 하나만 빼고 맡은 부분은 잘 진행하였고 오류가 없었다.
2. 그 “하나”는 나의 포토카드 판매 페이지. 아래의 개선 사항 쪽에서 언급하겠지만, findMany를 두 번 써서 불러온 자료를 합치자, 페이지네이션 부분에서 오류가 발생한 것이었다. (그리고 스키마를 바꿀 수 없어서 결국 끝까지 오류를 해결하지 못했다.)
3. 팀원들 — 특히 성훈 님 — 에게 css 관련해서 많이 배웠다. cloudinary 구현 감사….
4. 다음에는 react-hook-form을 배워서 써봐야겠다.
5. FE쪽은 코드 정리를 완료했지만, BE쪽은 필터와 위의 오류 문제로 코드 정리를 못했다. </aside>

훗날의 개선 사항: FE

<aside>

[모달] 만들면서 느낀 점:

• text hard coding 안 하는 방법을 찾자.

[정렬] 기능 만들면서 느낀 점:

• query 쪽은 팀원들과 합의해서 미리 사용법을 통합하고 시작해야 한다.

나중에 [이미지] 올릴 때 cloudnary를 쓰자.

react-hook-form 라이브러리 공부하자.

</aside>

훗날의 개선 사항: BE

<aside>

</aside>

기타