 Part.3 리액트 JSX 문법과 훅.jpg "[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅")
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅
| 강사명 | 차시 | 학습시간 | 샘플 |
|---|---|---|---|
| 김동준 | 20 | 7 시간 |
모두보기
과정소개
학습대상
학습목표
학습내용
| 본 과정은 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심내용들을 학습합니다. 리액트 프런트엔드 라이브러리를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다. 어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다. |
| React 프런트엔드 라이브러리 기본과 필수 학습사항들을 학습해보고자 하는 학습자 예제를 통해서 하나하나씩 문법을 학습해가고자 하는 학습자 |
| 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심들을 학습합니다. |
| 1. props 타입 체크 및 다양한 Validator 사용해보기 2. props 타입 체크 및 다양한 Validator 사용해보기 - 실습 3. prop-types 라이브러리를 이용한 타입체크 - 고급 Validator 4. 고급 Validator - 실습1 5. 고급 Validator - 실습2 - arraOf, oneOfType 조합해서 데이터 검증하기1 6. 고급 Validator - 실습3 - arraOf, oneOfType 조합해서 데이터 검증하기2 7. JSX 핵심문법 정리(1) 8. JSX 핵심문법 정리(2) 9. JSX 핵심문법 정리(3) 10. JSX 핵심문법 정리(4) - 조건처리를 위한 삼함연산자와 AND 연산자 11. JSX 핵심문법 정리(5) - JSX 작성방식 vs 전통적인 작성방식 비교 12. JSX 핵심문법 정리(6) - 함수형 vs 클래스형 비교 13. JSX 핵심문법 정리(7) - React.createElement() 다른 방식으로 작성 14. JSX 핵심문법 정리(8) - 리액트에서의 if 조건문 사용 방법 3가지 15. JSX 핵심문법 정리(9) - 주석 사용 및 문법 마무리 인사와 이후 훅 공부에 대해서 한마디 16. 리액트 훅 - useState 훅 개념과 사용법 알아보기(1) 17. 리액트 훅 - useState 훅 개념과 사용법 알아보기(2) - 문제점 인식 18. 리액트 훅 - useState 훅 개념과 사용법 알아보기(3) - 실습 마무리 19. 전위 연산자, 후위 연산자, 형 변환 체크사항 20. useStae 훅 복습하기 (하나의 파일에서) |