리액트 숙련주차 개인과제

주제: "그룹 아티스트 팬레터함" 만들어보기

필수 구현 사항

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

-> Props Drilling -> Context API -> Redux 각각의 브랜치를 만들기

진행상황

1. 프로젝트 셋업

• CRA boilerplate 로 프로젝트 생성
• pages/ , components/ , shared/ , assets/ 폴더 작성 및 필요 컴포넌트 사전 작성
• styled-components, react-router-dom 설치
• title 변경 (index.html)
• jsconfig.json (src 폴더 기준 절대경로 설정)

2. "props-driling" 브랜치 생성 및 이동 (context나 redux 사용하지 않기)

3. Router 셋업 (react-router-dom 이용하여 설정)

4. 전역스타일링 적용 (styled-components 이용)

5. 홈 화면 UI : 배너 및 헤더 부분 UI구현

• 아티스트 탭에서 아티스트를 클릭했을 때 어떤 탭이 활성화되었는지!
  

6. 팬레터 입력창(AddForm) 작성

전체적인 페이지 화면