닫기
과정 구분
과정 카테고리
태그
검색어
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅 과정이미지

[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅

교육기간
30일
강의구성
20차시
  • 과정 [HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅 0

판매금액 배송금액 할인금액

총 결제금액

기본 정보

학습기간
4주
총 시간
7.0시간
차시수
20차시
개발년월
202209
내용전문가
김동준
NCS분류
20010202:응용SW엔지니어링

과정 소개

본 과정은 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심내용들을 학습합니다. 리액트 프런트엔드 라이브러리를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다. 어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.

학습 대상

React 프런트엔드 라이브러리 기본과 필수 학습사항들을 학습해보고자 하는 학습자 예제를 통해서 하나하나씩 문법을 학습해가고자 하는 학습자

학습 목표

핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심들을 학습합니다.

강의목차(총 20강)

1. 1. props 타입 체크 및 다양한 Validator 사용해보기 31분

2. 2. props 타입 체크 및 다양한 Validator 사용해보기 - 실습 25분

3. 3. prop-types 라이브러리를 이용한 타입체크 - 고급 Validator 29분

4. 4. 고급 Validator - 실습1 11분

5. 5. 고급 Validator - 실습2 - arraOf, oneOfType 조합해서 데이터 검증하기1 28분

6. 6. 고급 Validator - 실습3 - arraOf, oneOfType 조합해서 데이터 검증하기2 17분

7. 7. JSX 핵심문법 정리(1) 29분

8. 8. JSX 핵심문법 정리(2) 15분

9. 9. JSX 핵심문법 정리(3) 16분

10. 10. JSX 핵심문법 정리(4) - 조건처리를 위한 삼함연산자와 AND 연산자 23분

11. 11. JSX 핵심문법 정리(5) - JSX 작성방식 vs 전통적인 작성방식 비교 14분

12. 12. JSX 핵심문법 정리(6) - 함수형 vs 클래스형 비교 24분

13. 13. JSX 핵심문법 정리(7) - React.createElement() 다른 방식으로 작성 7분

14. 14. JSX 핵심문법 정리(8) - 리액트에서의 if 조건문 사용 방법 3가지 26분

15. 15. JSX 핵심문법 정리(9) - 주석 사용 및 문법 마무리 인사와 이후 훅 공부에 대해서 한마디 25분

16. 16. 리액트 훅 - useState 훅 개념과 사용법 알아보기(1) 31분

17. 17. 리액트 훅 - useState 훅 개념과 사용법 알아보기(2) - 문제점 인식 29분

18. 18. 리액트 훅 - useState 훅 개념과 사용법 알아보기(3) - 실습 마무리 30분

19. 19. 전위 연산자, 후위 연산자, 형 변환 체크사항 14분

20. 20. useStae 훅 복습하기 (하나의 파일에서) 27분

퀵배너