과정소개
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점 |
※ 수료기준은 각 평가항목의 점수가 수료기준 점수 이상이고 총점이 80점 이상이어야 합니다.
강의목차
(총 10강)기본
1차시웹의 구조와 HTML 기초
50분2차시CSS 스타일링과 레이아웃
50분3차시JavaScript 기본 문법
50분4차시DOM 제어와 이벤트 처리
50분기본 점검
5차시미니 프로젝트 제작 (HTML, CSS, JavaScript)
50분React 기본
6차시React 개념과 개발 환경 구축
50분7차시React 컴포넌트와 Props 이해
50분8차시React State와 이벤트 처리
50분9차시React Router 및 API 연동
50분React 마무리
10차시React 실전 웹앱 프로젝트 제작
50분
