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

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

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

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

총 결제금액

기본 정보

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

과정 소개

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

학습 대상

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

학습 목표

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

강의목차(총 20강)

1. 1. 리액트에서 사용하는 표기법 8분

2. 2. index.js 스크립트 파일은 어디에서 불러오는 것인가 21분

3. 3. 컴포넌트란 무엇인가 30분

4. 4. 컴포넌트 구현 시 중요한 3가지 사항 29분

5. 5. 컴포넌트 만들기 실습1 - 기본 23분

6. 6. 컴포넌트 만들기 실습2 - 다양한 코드 방식 18분

7. 7. 컴포넌트 만들기 실습3 - props로 CSS 스타일 적용하는 방법 22분

8. 8. 컴포넌트 만들기 실습4 - props 디폴트값 6분

9. 9. 컴포넌트 만들기 실습5 - 구조분해할당 문법으로 props 적용하기 30분

10. 10. 컴포넌트 만들기 실습6 - children 16분

11. 11. 컴포넌트 내부에서 CSS 스타일 적용하는 방법 17분

12. 12. 객체 구조분해할당 29분

13. 13. 배열 구조분해할당 23분

14. 14. 중첩된 객체의 구조분해할당 17분

15. 15. 중첩된 객체의 반복문 안에서의 구조분해할당 19분

16. 16. 파라미터 값으로 구조분해할당 12분

17. 17. 구조분해할당을 사용한 동적 변수 처리 12분

18. 18. rest 나머지 패턴 28분

19. 19. 자바스크립트 rest vs spread 차이점 17분

20. 20. 리액트에서 구조분해할당 사용 예 9분

퀵배너