Roxy100 / justgram-react-by-me

[저스트코드] JUSTGRAM-REACT 버전

JUSTGRAM - React 버전

미션 순서에 맞게 순수 JavaScript로 구현한 인스타그램 프로젝트를 React로 옮기는 과제입니다.

미션 1. CRA 프로젝트 설치

• CRA 설치
• 폴더 및 파일 구조 세팅
• Local Server 띄우기

미션 2. React Router & Sass

• React Router
  • Login 버튼 클릭 시 Main 페이지로 이동하기 ( 컴포넌트 or useNavigate 훅 활용)
• Sass

미션 3. useState

• Login | 사용자 입력 데이터 저장
• Login | 로그인 버튼 활성화 (validation)
• Main | 댓글 기능

미션 4. props

• Main | 피드, 댓글 컴포넌트화 + props로 데이터 전달
• map 함수 적용시 key를 부여하는 이유

미션 5. useEffect + fetch

• mock data를 활용하여 여러 개의 댓글 구현
• mock data를 활용하여 여러 개의 피드 구현

--

추가미션 6. 피드별 좋아요 기능 구현하기

• 리스트 페이지에서 특정 피드의 하트 버튼을 눌렀을 때 그 피드의 하트만 붉게 변해야 합니다. 다시 누르면 하트가 원래대로 돌아옵니다.

추가미션 7. 피드별 댓글 삭제 기능 구현하기

• 각 댓글 별로 삭제 버튼을 만들어서 클릭했을 때 해당 댓글이 삭제되어야 합니다.

추가미션 8. 피드별 댓글 좋아요 기능 구현하기

• 각 댓글 별로 좋아요 버튼을 만들어서 클릭 했을 때 해당 리뷰만 좋아요 표시가 되어야 합니다. 다시 누르면 좋아요가 취소됩니다.