TypeScript기반 ReactJS 개발하기
주제
Front-End 개발
강사명
백명숙
교육목표
- Vite를 사용하여 Typescript 기반 ReactJS 프로젝트를 생성하고 React Hook을 사용하는 방법을 학습하며, Create-React-App(CRA)를 사용하여 Typescript 기반 ReactJS 프로젝트를 생성하여 Redux Toolkit으로 상태관리(State Management)를 하고, RTK Query를 사용하여 서버와 Http 통신을 합니다.
React-Hook-Form과 입력항목 검증 라이브러리 Zod Validation을 적용하는 방법을 익히며 Typescript 기반 ReactJS Mini 프로젝트를 작성하는 과정입니다.
커리큘럼
1일차.
가. 개발환경설정 및 프로젝트 생성하기
나. Vite 빌드 라이브러리 사용하기
다. Vite를 사용하여 Typescript 기반 ReactJS 프로젝트 생성하기
라. Typescript 기반 React Hook 사용하기
마. Typescript 기반 React Hook 사용하기
바. ReactNode와 ReactElement 타입 이해하기
사. Create-React-App(CRA)를
사용하여 Typescript 기반 ReactJS 프로젝트 생성하기
아. Redux Toolkit(RTK) 이해하기
2일차.
가. Redux Toolkit(RTK)를 사용하여 상태를 관리하기
나. RTK Query 이해하기
다. RTK Query를 사용하여 서버와 GET 방식으로 Http 통신하기
라. RTK Query를 사용하여 서버와 POST 방식으로 Http 통신하기
마. React-Hook-Form 이해하기
바. Zod Validation 이해하기
사. @hookform/resolvers를 설치하기
아. React-Hook-Form과 Zod
Validation을 사용하여 입력항목 검증하기
교육시간
2일 16시간
훈련대상
가. ECMAScript, TypeScript
1 more property
