React_Study

🌱React Deep Dive Study Community 입니다!🌱

😄 Collaborator

📒 Curriculum

1주차부터 3주차: 필수 React 개념 강화

• 목표: React의 기본 개념에 대한 확실한 이해를 구축합니다.
• 활동:
  • React 소개 및 핵심 원리 이해
  • JSX, 컴포넌트, props, state 이해
  • 컴포넌트 생명주기 관리
  • 이벤트 처리 및 조건부 렌더링
  • React Router를 이용한 기본 라우팅
• 학습 방법: 각 팀원은 공식 React 문서를 할당받아 공부하고, 이러한 개념을 그룹에 가르치는 프레젠테이션 형식의 수업을 준비합니다.

4주차부터 7주차: React Hooks 심층 탐구

• 목표: React hooks 및 그 응용에 대한 철저한 이해를 얻습니다.
• 교재: Modern React Deep Dive (2023, Wikibooks)
• 활동:
  • 내장 hooks (useState, useEffect, useContext 등)에 대한 종합적인 학습
  • 커스텀 hooks: 생성 및 사용
  • hooks를 활용한 성능 최적화
  • 고급 패턴 및 모범 사례
  • hooks를 외부 라이브러리 및 API와 통합
• 학습 방법: 팀원들은 할당된 교재와 공식 문서를 활용하여 프레젠테이션 형식의 수업을 준비하고 전달함으로써 협력적인 학습 환경을 조성합니다.

8주차부터 9주차: Next.js를 사용한 간단한 애플리케이션 개발

• 목표: React 지식을 적용하여 Next.js를 사용한 간단한 애플리케이션을 개발합니다.
• 활동:
  • Next.js 소개 및 기능 이해
  • Next.js 프로젝트 설정
  • 서버사이드 렌더링 및 정적 사이트 생성
  • Next.js의 라우팅 및 동적 페이지
  • API 라우트 및 데이터 페칭
  • Next.js 애플리케이션 배포
• 학습 방법: 팀원들은 협력하여 프로젝트를 개발하고, 각자가 애플리케이션의 다양한 측면에 기여하며, 프레젠테이션과 지식 공유 세션을 통해 지원합니다.

📢 Rules

1. 주 1회 회의 및 발표: 매주 한 번 회의를 개최하고, 팀원들이 준비한 발표를 진행합니다.
2. 주 1회 요약 PR 게시: 매주 학습 내용을 요약한 문서를 PR 합니다.
3. 일요일 24:00 이전 작업 제출: 매주 일요일 24:00 이전에 각 팀원은 자신의 폴더에 각 주차별 part.js 파일을 생성하고, 이슈 번호를 포함한 PR을 생성해야 합니다.[이슈 번호는 아직 미정.]

🥳 Goals

• 포괄적인 React 숙련도: React 기본과 고급 hooks에 대한 확실한 이해 달성
• 실무 적용 능력: Next.js를 사용한 애플리케이션 개발 및 배포 능력 배양
• 향상된 학습 스킬: 교육과 프레젠테이션을 통해 학습에 대한 책임감 배양
• 인터뷰 준비: React 중심의 인터뷰에 관련된 기술적 의사소통 및 문제 해결 능력 향상
• 협력적인 환경 조성: 체계적인 문서화와 협업을 통해 지식 공유와 지속적인 개선 문화 조성

💡 참고

1. 공식 React 문서: https://reactjs.org/docs/getting-started.html
2. Next.js 문서: https://nextjs.org/docs
3. 따라하며 쉽게 배우는 모던 리액트 완벽 입문
4. 모던 리액트 Deep Dive