React · 초급

React 초급 단계에 공개된 학습 글입니다. 단계별 목표를 참고해 필요한 글부터 읽어 보세요.

단계별 학습 목표

각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.

초급 목표

컴포넌트와 상태의 기본 동작을 익혀, 입력과 이벤트에 반응하는 작은 화면을 만들고 데이터 흐름을 이해하는 방법을 다룹니다.

학습 주제

  • 컴포넌트와 props
  • 상태와 이벤트
  • 목록과 조건부 표시

중급 목표

상태의 소유 위치와 비동기 데이터 흐름을 정리하여, 폼과 화면 로직을 결합하고 사용자 동작을 검증하는 방법을 다룹니다.

학습 주제

  • 상태 위치와 공유
  • 커스텀 훅과 부수 효과
  • 폼과 상호작용 테스트

고급 목표

렌더링 비용과 변경 범위를 실제 근거로 분석하여, 복잡한 화면의 상태 경계와 컴포넌트 구조를 설계하는 방법을 다룹니다.

학습 주제

  • 렌더링 성능 측정
  • 복합 상태 흐름 설계
  • 컴포넌트 API 설계

React 학습 목록

읽음 — / 전체 12개 · 필수 10개

학습 시작

단계 안에서는 학습 순서대로 표시합니다. 선택 참고는 필수 진도에 포함하지 않습니다.

초급 10개

  1. 안내 · 필수 길잡이

    React 학습 순서 컴포넌트 props state부터 상태관리까지

  2. 학습 1 / 24 · 필수 학습

    React Vite 사용법 Vite 8 프로젝트 생성 실행 빌드

  3. 학습 2 / 24 · 필수 학습

    React 컴포넌트 개념 정리 UI 재사용 구조 잡기

  4. 학습 3 / 24 · 필수 학습

    React JSX 문법 사용법 조건부 렌더링과 리스트 처리

  5. 학습 4 / 24 · 필수 학습

    React props 사용법 부모에서 자식으로 데이터 전달하는 구조

  6. 학습 5 / 24 · 필수 학습

    React children 사용법 컴포넌트 합성과 재사용 UI 설계

  7. 학습 6 / 24 · 필수 학습

    React useState 사용법 state와 객체 배열 업데이트 기준

  8. 학습 7 / 24 · 필수 학습

    React state 보존 초기화 key로 컴포넌트 상태 리셋하기

  9. 학습 8 / 24 · 필수 학습

    React 제어 컴포넌트 폼과 상태 끌어올리기 첫 실습 가이드

  10. 학습 9 / 24 · 필수 학습

    React useRef 실습 입력 포커스와 state 역할 나누기

개념·참고 2개

  1. 참고 1 / 7 · 선택 참고

    React state 업데이트 안됨 문제 해결

  2. 참고 2 / 7 · 선택 참고

    React 리스트 key 경고 해결 기준 index key를 피해야 하는 이유
읽음 기록 설정

읽음 기록은 이 브라우저에만 저장됩니다.

전체 기술 학습 가이드