[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅
여기를 클릭하면, 샘플강의가 재생됩니다.
김동준 강사
강좌코드 : la_K090211
김동준 강사
- - 제이에스미디어 웹에이전시 팀장
- - 인터넷교육방송 팀장
- - 한훈직업전문학교 온라인 팀장
- - 다수의 직업훈련학교 등 강의
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅
담당강사 : 김동준
| 강의구성 | 총 20강좌 (강의시간 : 총 ) | 권장 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 | 증빙서류 |
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
- 과정소개
-
본 과정은 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심내용들을 학습합니다.
리액트 프런트엔드 라이브러리를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다.
어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.
- 학습목표
- 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심들을 학습합니다.
- 교육대상
-
1. React 프런트엔드 라이브러리 기본과 필수 학습사항들을 학습해보고자 하는 자
2. 예제를 통해서 하나하나씩 문법을 학습해가고자 하는 자
차시별 학습목표
- 01. props, 타입 체크, validator
- 02. props, 타입 체크, validator, 실습
- 03. prop-types, 라이브러리, 타입체크, 고급
- 04. 고급, Validator, 실습, 타입체크
- 05. 고급, Validator, 실습, 타입체크
- 06. 고급, Validator, 실습, 타입체크
- 07. jsx, 핵심문법, 문법 정리, JSX
- 08. jsx, 핵심문법, 문법 정리, JSX
- 09. jsx, 핵심문법, 문법 정리, JSX
- 10. 문법 정리, JSX, 조건처리, 삼항연산자
- 11. 문법 정리, JSX, 전통적인 방식
- 12. 문법 정리, JSX, 함수형, 클래스형 비교
- 13. 문법 정리, JSX, createElement
- 14. 문법 정리, JSX, if 조건문, 사용방법
- 15. 문법 정리, JSX, 주석 사용
- 16. 리액트, 훅, useState, 개념, 사용법
- 17. 리액트, 훅, useState, 개념, 사용법
- 18. 리액트, 훅, useState, 개념, 사용법
- 19. 전위, 연산자, 후위, 연산자, 형 변환
- 20. 훅, 리액트 훅, useState, 하나의 파일
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
- 강좌 리스트
- 01. props 타입 체크 및 다양한 Validator 사용해보기 [31:29]
- 02. props 타입 체크 및 다양한 Validator 사용해보기 - 실습 [25:34]
- 03. prop-types 라이브러리를 이용한 타입체크 - 고급 Validator [29:12]
- 04. 고급 Validator - 실습1 [11:20]
- 05. 고급 Validator - 실습2 - arraOf, oneOfType 조합해서 데이터 검증하기1 [28:46]
- 06. 고급 Validator - 실습3 - arraOf, oneOfType 조합해서 데이터 검증하기2 [17:45]
- 07. JSX 핵심문법 정리(1) [29:54]
- 08. JSX 핵심문법 정리(2) [15:42]
- 09. JSX 핵심문법 정리(3) [16:58]
- 10. JSX 핵심문법 정리(4) - 조건처리를 위한 삼함연산자와 AND 연산자 [23:44]
- 11. JSX 핵심문법 정리(5) - JSX 작성방식 vs 전통적인 작성방식 비교 [14:23]
- 12. JSX 핵심문법 정리(6) - 함수형 vs 클래스형 비교 [24:29]
- 13. JSX 핵심문법 정리(7) - React.createElement() 다른 방식으로 작성 [07:20]
- 14. JSX 핵심문법 정리(8) - 리액트에서의 if 조건문 사용 방법 3가지 [26:25]
- 15. JSX 핵심문법 정리(9) - 주석 사용 및 문법 마무리 인사와 이후 훅 공부에 대해서 한마디 [25:18]
- 16. 리액트 훅 - useState 훅 개념과 사용법 알아보기(1) [31:16]
- 17. 리액트 훅 - useState 훅 개념과 사용법 알아보기(2) - 문제점 인식 [29:48]
- 18. 리액트 훅 - useState 훅 개념과 사용법 알아보기(3) - 실습 마무리 [30:20]
- 19. 전위 연산자, 후위 연산자, 형 변환 체크사항 [14:39]
- 20. useStae 훅 복습하기 (하나의 파일에서) [27:00]