ModalProvider.jsx
마켓플레이스, 마이갤러리, 나의 판매 포토카드
PhotoCardProvider
Button.jsx
Filter(&DropDown)
Label/Statue(레벨 및 상태)
Pagination(페이지네이션)
(Refactor Day) 개선점이나 문제점
Tailwind Merge(cn 함수): 내부 스타일과 병합 필요시 스타일을 안전하게 덮어쓸수있게한다.
이미지 경로: 아이콘 등은 assets/icons/ 경로의 SVG를 import하여 사용한다.
- 상기 다만 엄현히 SVG도 HTML(XML)이기에
dangerouslyAllowSVG 설/정 주의 (이미지 업로드 부분 주의)next.config.js에서 사용한다면 보안 위험을 충분히 이해하고 사용
- 특히나 CSP (콘텐츠 보안 정책) 떄문에 막히거나 이미지 업로드 부분이 안될때
// 강사님 말씀
- 깃허브 Discussions
- npm trends 적극 사용 → 라이브러리 비교하고 그래프 캡쳐 → Discussion에 올려놓고 사용 기준 작성(팀원들의 러닝커브 등의 합리적인 기준)