안녕하세요.

현재 저는 현업에서 프론트엔드 개발자로 일하고 있지는 않지만 몇 개의 사이드 프로젝트 및 업무를 수행한 적이 있습니다. 다만 React를 100%로 활용하고 있다는 생각이 들지 않아 React의 원리 및 기본기를 공부하고자 스터디를 모집하게 되었습니다.

2주 1회 오프라인 모임, 총 6~8회를 가질 예정이며, 강의는 【한글자막】 React 완벽 가이드 2025 with React Router & Redux 로 진행합니다. (회원가입시 90%까지 할인)

장소는 조율할 수 있으나 우선 부평으로 염두해 두고 있습니다. 자세한 오프라인 장소 및 시간은 조율 후 디스코드를 통해 전달드릴 예정입니다.

일정 및 신청

[1] 2025년 10월 12일 신청 시작 (구글 폼 신청 링크)

[2] 2025년 10월 19일 오후 8시 신청 마감

이후 스터디 목표 및 일정 OT 진행 (메일로 발송 예정)

예상 학습 일정

1회차

• 섹션 1: 시작하기

• 섹션 3: 리액트 핵심 – 컴포넌트, JSX, 상태, props

• 섹션 4: 리액트 핵심 – 심화 단계

2회차

• 섹션 5: 리액트 핵심 – 연습 프로젝트 (발표에서 제외, 개별 실습만 안내)

• 섹션 6: 리액트 컴포넌트 스타일링

• 섹션 7: 리액트 앱 디버깅

3회차

• 섹션 8: Refs(참조) & Portals

• 섹션 9: 프로젝트 관리 앱 이론 (컴포넌트, 상태, 참조 등)

• 섹션 10: 리액트의 컨텍스트 API/useReducer 심화

4회차

• 섹션 11: Side Effects 다루기 & useEffect 활용

• 섹션 13: 최적화 테크닉 및 렌더링 이슈

• 섹션 14: 클래스 컴포넌트(구조 이해, 단 옵션)

5회차

• 섹션 15: HTTP 요청 보내기(데이터 연결)

• 섹션 16: 커스텀 Hook 빌드

• 섹션 17: 양식 및 입력 작업

• 섹션 18: 폼 액션(양식 관리)

6회차

• 섹션 21: 고급 리덕스

• 섹션 22: 리액트 라우터 – SPA 다중 페이지 구축

• 섹션 23: 리액트 앱 인증 추가

• 섹션 24: 리액트 앱 배포하기

7회차

• 섹션 25: Tanstack Query와 HTTP 요청

• 섹션 26: Next.js 소개(React 생태계 확장)

• 섹션 27: React 서버 컴포넌트(RSC), 서버 액션

8회차

• 섹션 28: 앱 애니메이션

• 섹션 29: 패턴 및 모범 사례

• 섹션 30: 리덕스를 리액트 훅으로 전환

• 섹션 31: 리액트 앱 테스트(유닛 테스트)

• 섹션 32: React + TypeScript

• 섹션 33: 선택 – React 및 핵심 기능 복습, 최신 기술 동향 공유