SW 개발
교육개요
React를 사용한 현대적인 웹 애플리케이션 개발에 오신 것을 환영합니다. 본 과정은 React의 기본적인 개념부터 시작하여 실제 애플리케이션 구축까지의 전체 과정을 안내합니다. 컴포넌트 구조 설계부터 REST API 연동, 라우팅 관리까지 실습 위주의 커리큘럼을 통해, 단순한 이론을 넘어 실제 개발 과정을 경험하게 됩니다.
교육목표
이 강의를 통해 개발자들은 React를 사용하여 효과적인 웹 애플리케이션을 구축하는 데 필요한 이론적 지식과 실습 능력을 키울 수 있습니다.
강의내용
[Chapter 1: 리액트와 친해지기]
· 학습 목표:
React와 그 생태계에 대한 기본적인 이해를 합니다.
· 주요 내용:
1. React의 정의 및 프론트엔드와 서버의 차이 이해
2. 개발 환경 설정 및 React 앱의 기본 구조
3. 자주 사용되는 HTML 속성과 React 프로젝트의 구조
[Chapter 2: React 기본 도구와 개념]
· 학습 목표:
React 개발을 위한 필수 도구와 개념을 숙지합니다.
· 주요 내용:
1. npm, yarn과 같은 패키지 매니저 사용법
2. Create React App의 구조와 기능
3. state, props, 함수형 컴포넌트, 생명주기, 훅스(Hooks)
[Chapter 3: React 컴포넌트 설계와 실습]
· 학습 목표:
효율적인 컴포넌트 설계와 React 응용 기술을 학습합니다.
· 주요 내용:
1. SOLID 원칙을 반영한 컴포넌트 설계
2. TodoList 앱의 구조 설계 및 구현 실습
3. 스타일링, CRUD 기능 구현 방법 배우기
[Chapter 4: 페이지 라우팅과 동적 앱 구축]
· 학습 목표:
React Router를 사용한 라우팅 관리를 합니다.
· 주요 내용:
1. 페이지와 컴포넌트 간 라우팅 설정
2. react-router-dom을 활용한 SPA 라우팅 실습
[Chapter 5: API와 통신하는 React]
· 학습 목표:
서버와의 통신을 위한 API 연동 방법을 숙지합니다.
· 주요 내용:
1. REST API 기본 개념 및 HTTP 프로토콜 이해
2. axios, fetch를 이용한 비동기 API 통신
3. TodoList 앱에 axios를 활용한 데이터 통신 실습