• 직무교육  IT/시스템/보안
    [HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.2 리액트 컴포넌트
    훈련등급 : A 등급
     

    총 20차시 / 20시간 교육과정

    과정목록


    수료기준 및 수강정원

    수강정원 총진도율 중간평가 최종평가 과제
    0 명 60% 이상 총 0점 /
    0% 반영
    총 0점 /
    0% 반영
    총 0점 /
    0% 반영
    반영된 평가 합산 0점 이상


    교육비 안내

    교육비 환급 : 우선지원 기업 환급 : 대규모
    (1,000인 미만)
    환급 : 대규모
    (1,000인 이상)
    구독형


    • 과정소개
    • 강의목차
    • 학습후기

    과정소개

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

    과정목표

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

    학습대상

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

    강의목차

    • 1 . 리액트에서 사용하는 표기법
    • 2 . index.js 스크립트 파일은 어디에서 불러오는 것인가
    • 3 . 컴포넌트란 무엇인가
    • 4 . 컴포넌트 구현 시 중요한 3가지 사항
    • 5 . 컴포넌트 만들기 실습1 - 기본
    • 6 . 컴포넌트 만들기 실습2 - 다양한 코드 방식
    • 7 . 컴포넌트 만들기 실습3 - props로 CSS 스타일 적용하는 방법
    • 8 . 컴포넌트 만들기 실습4 - props 디폴트값
    • 9 . 컴포넌트 만들기 실습5 - 구조분해할당 문법으로 props 적용하기
    • 10 . 컴포넌트 만들기 실습6 - children
    • 11 . 컴포넌트 내부에서 CSS 스타일 적용하는 방법
    • 12 . 객체 구조분해할당
    • 13 . 배열 구조분해할당
    • 14 . 중첩된 객체의 구조분해할당
    • 15 . 중첩된 객체의 반복문 안에서의 구조분해할당
    • 16 . 파라미터 값으로 구조분해할당
    • 17 . 구조분해할당을 사용한 동적 변수 처리
    • 18 . rest 나머지 패턴
    • 19 . 자바스크립트 rest vs spread 차이점
    • 20 . 리액트에서 구조분해할당 사용 예

    학습후기

  • 0/0