Typescript 기반 ReactJS 프로젝트에서 여러 가지 React Hooks를 사용하는 방법을 학습하며, React-Hook-Form에 입력항목 검증 라이브러리 Zod Validation을 적용하는 방법을 익히며 Typescript 기반 ReactJS Mini 프로젝트를 작성.
교육내용
교육대상
수강 대상 최신 타입스크립트 기반 ReactJS 개발 방법을 익혀 직무능력 향상을 희망하는 재직자(typescript 프로그래밍 가능자)
신청 자격 협약기업 재직자(고용보험 납부) 및 회원사 재직자 지원가능
과정 수강 안내 1. 과정 개강/폐강 확정
개/폐강 여부는 개강 1주일 전에 확정됩니다. 추후 과정 확정 여부 및 기타 안내사항은 교육을 신청해주신 모든 분들에게 개별 안내 드립니다.
2. 교육 대기상태
교육 "대기"상태에서는 교육 승인상태가 아닙니다. 개강이 확정 된 후 교육 승인되신 분들은 교육 '확정' 상태로 변경됩니다. 3. 개강 안내
개강 안내 메일 및 문자는 개강 일주일 전에 발송됩니다.
과정 커리큘럼
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을 사용하여 입력항목 검증하기
과정진행 Tool / Infra
1. NodeJS 18+
2. Visual Studio Code
실습내용(요약)
1. Create-React-App를 사용하여 프로젝트 생성하는 실습 진행하기
2. Vite를 사용하여 프로젝트를 생성하는 실습 진행하기
3. RTK Query를 서버와 Http 통신하는 실습 진행하기
4. React-Hook-Form과 Zod Validation을 사용하여 입력항목 검증하는 실습 진행하기
선착순으로 마감되는 교육과정일 경우 교육을 받고 싶어도 받지 못하는 분들이 계실 수 있습니다.
원활한 강의 진행을 위해 아래 경우에 패널티가 부여됨을 알려드립니다.
- 교육 당일 사전 연락없이 결석 시 (당일 No Show)
- 교육 중 사전 연락없이 이탈 시
패널티를 3번 이상 부여받은 경우 수강생은 3개월 동안 수강제한을 받습니다.
이러한 수강생이 3분 이상일 경우 재직 중이신 회사의 모든 수강생은 3개월 수강제한을 받습니다.
비대면 과정
해당 과정은 Zoom을 통한 비대면 라이브 과정입니다.
필수는 아니오나 과정 수강 시 캠 활성화 요청 드립니다.