React는 현재 가장 널리 사용되는 프론트엔드 JavaScript 라이브러리 중 하나로, 컴포넌트 기반 구조를 통해 효율적이고 확장 가능한 웹 애플리케이션을 개발할 수 있도록 도와줍니다. 본 과정은 React를 처음 접하는 학습자를 대상으로 기본 개념부터 실제 프로젝트 구현까지 단계적으로 학습할 수 있도록 구성되어 있습니다.
먼저 React 개발 환경을 구축하고 JSX 문법, 컴포넌트 구조, Props와 State 등 React의 핵심 개념을 이해합니다. 이를 통해 화면을 구성하는 다양한 UI 요소를 컴포넌트 단위로 설계하고 재사용 가능한 구조로 개발하는 방법을 익힙니다.
또한 이벤트 처리, 조건부 렌더링, 리스트 렌더링 등 실제 서비스 개발에서 자주 사용되는 기능들을 실습을 통해 자연스럽게 학습합니다. 이후 React Hooks를 활용하여 상태 관리와 로직 재사용 방법을 이해하고, 보다 효율적인 코드 구조를 설계할 수 있도록 합니다.
과정 후반부에서는 간단한 웹 애플리케이션을 직접 구현하는 실습 프로젝트를 통해 React 기반 개발 흐름을 경험하게 됩니다. 이를 통해 프론트엔드 개발자로서 필요한 기본적인 개발 역량을 갖추고 실제 프로젝트에 적용할 수 있는 실무 감각을 익히게 됩니다.
React의 기본 구조와 개발 환경을 이해하고 설정할 수 있다.
JSX 문법과 컴포넌트 기반 구조를 활용하여 UI를 구성할 수 있다.
Props와 State를 활용하여 동적인 웹 인터페이스를 구현할 수 있다.
React Hooks를 활용하여 상태 관리와 로직 재사용을 구현할 수 있다.
간단한 React 기반 웹 애플리케이션을 직접 제작할 수 있다.
프론트엔드 개발을 배우고 싶은 입문 개발자
HTML, CSS, JavaScript 기초를 학습한 후 프레임워크를 배우고 싶은 학습자
React 기반 웹 서비스 개발을 시작하려는 개발자
최신 프론트엔드 개발 기술을 익히고 싶은 IT 분야 종사자
| 평가기준 | 반영비율 | 이수(과락)기준 |
|---|---|---|
| 진도 | 50% | 80% |
| 사전평가/퀴즈 | 0% | 0점/100점 |
| 진행단계평가 | 10% | 80점/100점 |
| 진행단계평가 | 10% | 80점/100점 |
| 과제 | 15% | 80점/100점 |
| 최종평가 | 15% | 80점/100점 |
| 총점 | 100% | 80점 |