필수 구현사항

• 팬레터 CRUD 구현 (작성, 조회, 수정, 삭제)
• 아티스트별 게시물 조회 기능 구현 (Home - Read)
• 원하는 아티스트에게 팬레터 등록 구현 (Home - Create)
• 팬레터 상세 화면 구현 (Detail - Read)
• 상세화면에서 팬레터 내용 수정 구현 (Detail - Update)
• 상세화면에서 팬레터 삭제 구현 (Detail - Delete)

필수 요구 사항! 아래 내용을 꼭 지켜면서 구현해 주세요!

• styled-components 를 이용하여 스타일링
  • 인라인 스타일링이나 일반 css 파일을 이용한 스타일링 방식 지양 (이번 과제 한정)
  • 모든 태그를 styled-components 화 할 필요는 없으나 스타일링이 들어가는 경우는 styled-components 화 할 것
• 전역 스타일에 reset.css 를 적용해주고 box-sizing이 border-box가 되도록 설정
• styled-components에 props를 넘김으로 인한 조건부 스타일링 적용
  • 아티스트 선택탭에 적용해 보세요
• 팬레터 등록 시 id는 uuid 라이브러리를 이용

https://www.npmjs.com/package//uuid

☆☆☆진행 순서☆☆☆

프로젝트 셋업

• CRA boilerplate 프로젝트 생성
• pages/ , components/ , shared/ , assets/ 폴더 작성 및 필요 컴포넌트 사전 작성
• styled-components, react-router-dom 설치
• jsconfig.json (src 폴더 기준 절대경로 설정)
• github repository 생성
• 'props-drilling' 브랜치 생성 및 이동
• Router 셋업
• 전역스타일링 적용(styled-components 이용 / 안에 reset.css 코드 및 box-sizing 적용)

이후 진행 예정

• 기본기가 너무 부족하여 기본기 먼저 다시 복습 후 재 진행 예정