초보자를 위한 React

초급

첫 앱 설정부터 인터랙티브 컴포넌트 구축까지 React 의 기본을 배우세요. 컴포넌트, JSX, props, state, hooks, 이벤트 처리, 조건부 렌더링, 리스트, 폼을 다루는 실습을 통해 필수 React 개념을 마스터하세요.

reactjavascriptweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

사용자 인터페이스 구축을 위한 인기 있는 JavaScript 라이브러리인 React 의 기본을 배워보세요. 이 과정은 첫 앱 설정부터 인터랙티브 컴포넌트 구축까지 필수 React 개념을 다룹니다.

📋 과정 구성

graph TD A[초보자를 위한 React] --> B[React 설정 및 첫 앱] A --> C[React 컴포넌트 소개] A --> D[React JSX 기본] A --> E[React Props] A --> F[Hooks를 사용한 React State] A --> G[React 이벤트 처리] A --> H[React 조건부 렌더링] A --> I[React 리스트 및 키] A --> J[React 폼 기본]

🎯 학습 내용

  • React 개발 환경 설정 및 첫 앱 생성
  • 함수형 React 컴포넌트 생성 및 사용
  • UI 요소를 렌더링하기 위한 JSX 문법 작성
  • props 를 사용하여 컴포넌트 간 데이터 전달
  • React hooks 를 사용하여 컴포넌트 상태 관리
  • 사용자 이벤트 및 상호 작용 처리
  • 컴포넌트 내 조건부 렌더링 구현
  • 올바른 키를 사용하여 동적 리스트 렌더링
  • 상태 관리를 통한 기본 폼 구축

🌟 과정 특징

  • 실습 위주: 각 React 개념에 대한 실용적인 연습
  • 점진적 학습: 설정부터 인터랙티브 컴포넌트 구축까지
  • 초보자 친화적: 기본적인 JavaScript 지식 권장
  • 실무 기술: 기능적인 React 애플리케이션 구축

강사

labby
Labby
Labby is the LabEx teacher.