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

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

50,000원
  • 지원유형
    • 일반과정
    • 평생교육바우처
  • 학습기간
    수료여부 관계없이 복습 12개월 추가 제공
  • 수료기준 진도 80% 이상
주문금액
50,000원
연관강의

comment

리액트 컴포넌트의 정의, 생성 및 props 사용 방법을 학습합니다.

미리보기
학습방법 : HTML5 ( PC
, 스마트폰, 타블렛
)
학습시간 : 7시간 20차시
난이도 : 입문
강의목표

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

강의소개

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

학습대상

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

수료기준
필수평가 : 진도 (80% 이상)
총점 80 점 이상시 수료
학습목차
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.2 리액트 컴포넌트
1. 리액트에서 사용하는 표기법
9 분
2. index.js 스크립트 파일은 어디에서 불러오는 것인가
21 분
3. 컴포넌트란 무엇인가
30 분
4. 컴포넌트 구현 시 중요한 3가지 사항
30 분
5. 컴포넌트 만들기 실습1 - 기본
24 분
6. 컴포넌트 만들기 실습2 - 다양한 코드 방식
18 분
7. 컴포넌트 만들기 실습3 - props로 CSS 스타일 적용하는 방법
22 분
8. 컴포넌트 만들기 실습4 - props 디폴트값
7 분
9. 컴포넌트 만들기 실습5 - 구조분해할당 문법으로 props 적용하기
31 분
10. 컴포넌트 만들기 실습6 - children
16 분
11. 컴포넌트 내부에서 CSS 스타일 적용하는 방법
17 분
12. 객체 구조분해할당
30 분
13. 배열 구조분해할당
24 분
14. 중첩된 객체의 구조분해할당
18 분
15. 중첩된 객체의 반복문 안에서의 구조분해할당
20 분
16. 파라미터 값으로 구조분해할당
13 분
17. 구조분해할당을 사용한 동적 변수 처리
13 분
18. rest 나머지 패턴
28 분
19. 자바스크립트 rest vs spread 차이점
18 분
20. 리액트에서 구조분해할당 사용 예
10 분