React

강좌 개요

React는 사용자 인터페이스(User Interface; UI)를 컴포넌트(Component) 단위로 구성하는 JavaScript 라이브러리(Library)입니다. 이 강좌는 roadmap.sh의 React 로드맵을 따라, Vite로 프로젝트를 만들고 컴포넌트와 JSX로 화면을 구성하고, 훅(Hooks)으로 상태와 부수 효과를 관리하고, 라우터와 상태 관리 라이브러리로 애플리케이션 구조를 확장하는 과정을 순서대로 익힙니다. 마지막 레슨에서는 테스트 도구와 Next.js·React Native 같은 확장 프레임워크까지 살펴봅니다.

선수 지식

• javascript

레슨 구성

• 01. 강좌 개요 (1장. 강좌 소개)
• 02. React 소개와 개발 환경 구성 (2장. React 소개와 개발 환경 구성)
• 03. 컴포넌트와 props·state (2장. React 소개와 개발 환경 구성)
• 04. 조건부 렌더링과 목록·키 (3장. 조건부 렌더링과 목록·키)
• 05. 훅으로 상태와 부수 효과 관리하기 (3장. 조건부 렌더링과 목록·키)
• 06. 라우터와 상태 관리 (4장. 라우터와 상태 관리)
• 07. 스타일링과 서버 데이터 (4장. 라우터와 상태 관리)
• 08. 테스트와 생태계 확장 (5장. 테스트와 생태계 확장)

실습 안내

• 본 강좌의 실습 코드는 브라우저 및 로컬 런타임에서 직접 수정하고 실행할 수 있습니다.