logo by @sawaratsuki1004
React
v19.3
학습하기
API 참고서
커뮤니티
블로그

    시작하기

  • 빠르게 시작하기
    • 자습서: 틱택토 게임
    • React로 사고하기
  • 설치하기
    • 새로운 React 앱 만들기
    • 처음부터 React 앱 만들기
    • 기존 프로젝트에 React 추가하기
  • 설정하기
    • 에디터 설정하기
    • TypeScript 사용하기
    • React 개발자 도구
  • React 컴파일러
    • 소개
    • 설치
    • 점진적 도입
    • 디버깅 및 문제 해결

  • React 학습하기

  • UI 표현하기
    • 첫 번째 컴포넌트
    • 컴포넌트 Import 및 Export하기
    • JSX로 마크업 작성하기
    • 중괄호가 있는 JSX에서 자바스크립트 사용하기
    • 컴포넌트에 Props 전달하기
    • 조건부 렌더링
    • 리스트 렌더링
    • 컴포넌트를 순수하게 유지하기
    • 트리로서의 UI
  • 상호작용성 더하기
    • 이벤트에 응답하기
    • State: 컴포넌트의 기억 저장소
    • 렌더링 그리고 커밋
    • 스냅샷으로서의 State
    • State 업데이트 큐
    • 객체 State 업데이트하기
    • 배열 State 업데이트하기
  • State 관리하기
    • State를 사용해 Input 다루기
    • State 구조 선택하기
    • 컴포넌트 간 State 공유하기
    • State를 보존하고 초기화하기
    • State 로직을 Reducer로 작성하기
    • Context를 사용해 데이터를 깊게 전달하기
    • Reducer와 Context로 앱 확장하기
  • 탈출구
    • Ref로 값 참조하기
    • Ref로 DOM 조작하기
    • Effect로 동기화하기
    • Effect가 필요하지 않은 경우
    • React Effect의 생명주기
    • Effect에서 이벤트 분리하기
    • Effect의 의존성 제거하기
    • 커스텀 Hook으로 로직 재사용하기
React 학습하기
UI 표현하기

첫 번째 컴포넌트