React.js 강좌 목차 (초급자용)

1. React.js 소개

• React.js란 무엇인가요?
  • 자바스크립트 라이브러리
  • UI 개발을 위한 라이브러리
  • 가상 DOM과 JSX 소개
• React.js의 특징과 장점
• React.js 설치 및 개발 환경 설정
  • create-react-app 사용법
• React 생태계 소개

2. React.js 기본 개념

• 컴포넌트
  • 함수형 컴포넌트와 클래스형 컴포넌트
  • props와 state
  • 라이프 사이클 메서드
• JSX (JavaScript XML)
• 렌더링
• 이벤트 처리

728x90

3. 상태 관리

• useState Hook
• useEffect Hook
• Context API
• Redux (선택)

4. 컴포넌트 통신

• props를 이용한 부모-자식 컴포넌트 통신
• Context API를 이용한 컴포넌트 간 통신
• Redux를 이용한 전역 상태 관리

5. 라우팅

• React Router
• 라우트 설정 및 네비게이션

6. 스타일링

• CSS-in-JS (styled-components, emotion)
• CSS Modules
• 인라인 스타일

7. 서버 사이드 렌더링 (SSR)

• SSR의 장단점
• Next.js 소개 (선택)

8. 테스트

• Jest를 이용한 단위 테스트
• 스냅샷 테스트
• Enzyme (선택)

9. 고급 주제

• Hooks 심화
• 커스텀 Hook
• React Suspense
• 코드 스플리팅
• 타입스크립트와 React 통합

10. 실전 프로젝트

• 간단한 Todo List 만들기
• 블로그 만들기
• 온라인 쇼핑몰 만들기 (부분 기능)

각 단계별 학습 목표:

• 초급: React.js 기본 개념 이해, 간단한 컴포넌트 개발 가능
• 중급: 상태 관리, 라우팅, 스타일링 등을 활용한 웹 애플리케이션 개발
• 고급: SSR, 테스트, 고급 React 기능 활용