프레듀 원격평생교육원

과목정보

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

강사명 차시 학습시간 샘플
김동준 20 6 시간
모두보기
과정소개
학습대상
학습목표
학습내용

과정소개

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

학습대상

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

학습목표

핵심 예제 25개를 통해서 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. 리액트에서 구조분해할당 사용 예