직무 / IT / 프로그래밍직무

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

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

과정 소개

제작: 2025년 09월

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

강의 대상

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

강의 목표

React 프런트엔드 라이브러리 기본과 필수 학습사항들을 학습해보고자 하는 학습자

예제를 통해서 하나하나씩 문법을 학습해가고자 하는 학습자

학습 내용

  1. 섹션 1
    1. props 타입 체크 및 다양한 Validator 사용해보기
    2. props 타입 체크 및 다양한 Validator 사용해보기 - 실습
    3. prop-types 라이브러리를 이용한 타입체크 - 고급 Validator
    4. 고급 Validator - 실습1
  2. 섹션 2
    1. 고급 Validator - 실습2 - arraOf, oneOfType 조합해서 데이터 검증하기1
    2. 고급 Validator - 실습3 - arraOf, oneOfType 조합해서 데이터 검증하기2
    3. JSX 핵심문법 정리(1)
    4. JSX 핵심문법 정리(2)
  3. 섹션 3
    1. JSX 핵심문법 정리(3)
    2. JSX 핵심문법 정리(4) - 조건처리를 위한 삼함연산자와 AND 연산자
    3. JSX 핵심문법 정리(5) - JSX 작성방식 vs 전통적인 작성방식 비교
    4. JSX 핵심문법 정리(6) - 함수형 vs 클래스형 비교
  4. 섹션 4
    1. JSX 핵심문법 정리(7) - React.createElement() 다른 방식으로 작성
    2. JSX 핵심문법 정리(8) - 리액트에서의 if 조건문 사용 방법 3가지
    3. JSX 핵심문법 정리(9) - 주석 사용 및 문법 마무리 인사와 이후 훅 공부에 대해서 한마디
    4. 리액트 훅 - useState 훅 개념과 사용법 알아보기(1)
  5. 섹션 5
    1. 리액트 훅 - useState 훅 개념과 사용법 알아보기(2) - 문제점 인식
    2. 리액트 훅 - useState 훅 개념과 사용법 알아보기(3) - 실습 마무리
    3. 전위 연산자, 후위 연산자, 형 변환 체크사항
    4. useStae 훅 복습하기 (하나의 파일에서)

교강사

김동준

감사합니다~

훈련 비용

기본 훈련 비용
가 격40,000 원

과정 후기

교재
이 과정은 지정된 교재가 없습니다.