배우고 익히는 즐거움, 아이티고
알림
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.2 리액트 컴포넌트
여기를 클릭하면, 샘플강의가 재생됩니다.
김동준 강사
- tag
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.2 리액트 컴포넌트
담당강사 : 김동준
| 강의구성 | 총 20강좌 (강의시간 : 총 ) | 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 | 수강료 |
40,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 | 강의에서 사용하는 프로그램 & 버전 |
|
| 담당강사 |
김동준 강사
|
||
| 강의구성 | 총 20강좌 (강의시간 : 총 ) |
|---|---|
| 수강기간 | 30일 |
| 강의형식 | 동영상 |
| 수강료 |
40,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 |
| 강의에서 사용하는 프로그램 & 버전 |
|
| 담당강사 |
김동준 강사
|
- 과정소개
-
본 과정은 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심내용들을 학습합니다.
리액트 프런트엔드 라이브러리를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다.
어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.
- 학습목표
- 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심들을 학습합니다.
- 교육대상
-
1. React 프런트엔드 라이브러리 기본과 필수 학습사항들을 학습해보고자 하는 자
2. 예제를 통해서 하나하나씩 문법을 학습해가고자 하는 자
차시별 학습목표
- 01. 리액트, 사용 표기법, 표기법
- 02. 인덱스, index.js, index 파일, 불러오기
- 03. 컴포넌트, component, 리액트 컴포넌트
- 04. 컴포넌트, 구현, 중요 3가지, component
- 05. component, 컴포넌트, 만들기, 실습
- 06. 컴포넌트, 만들기, 실습, 다양한 코드
- 07. 컴포넌트, 만들기, 실습, props, css
- 08. 컴포넌트, 만들기, 실습, props
- 09. 컴포넌트, 만들기, 실습, 구조분해할당
- 10. 컴포넌트, 실습, children
- 11. css, 스타일, 컴포넌트, css 적용
- 12. 객체, 구조분해할당, 비구조화
- 13. 배열, 구조분해할당, 비구조화
- 14. 중첩, 객체, 구조분해할당
- 15. 반복문, 중첩, 구조분해할당
- 16. 파라미터, 인자, 구조분해할당
- 17. 구조분해할당, 동적 변수, 비구조화
- 18. rest, 나머지, 나머지 패턴
- 19. rest, spread, 펼침 연산자, 차이, 차이점
- 20. 리액트, 구조분해할당, 사용, 비구조화
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
연관강좌
![[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.1 VSCode 학습 및 리액트 파일구조](https://img.itgo.co.kr/thumbnail/la_K090209.jpg)
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.1 VSCode 학습 및 리액트 파일구조
김동준
₩ 40,000원
제작년도 : 2022
20강
![[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅](https://img.itgo.co.kr/thumbnail/la_K090211.jpg)
![[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.4 리액트 훅과 라우터](https://img.itgo.co.kr/thumbnail/la_K090212.jpg)
![[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.5 SPA CRUD Tour-App 만들기 (完)](https://img.itgo.co.kr/thumbnail/la_K090213.jpg)
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.5 SPA CRUD Tour-App 만들기 (完)
김동준
₩ 36,000원
제작년도 : 2022
18강
아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7
- 강좌 리스트
- 01. 리액트에서 사용하는 표기법 [08:52]
- 02. index.js 스크립트 파일은 어디에서 불러오는 것인가 [21:00]
- 03. 컴포넌트란 무엇인가 [30:18]
- 04. 컴포넌트 구현 시 중요한 3가지 사항 [29:58]
- 05. 컴포넌트 만들기 실습1 - 기본 [23:47]
- 06. 컴포넌트 만들기 실습2 - 다양한 코드 방식 [18:28]
- 07. 컴포넌트 만들기 실습3 - props로 CSS 스타일 적용하는 방법 [22:09]
- 08. 컴포넌트 만들기 실습4 - props 디폴트값 [06:59]
- 09. 컴포넌트 만들기 실습5 - 구조분해할당 문법으로 props 적용하기 [30:31]
- 10. 컴포넌트 만들기 실습6 - children [16:05]
- 11. 컴포넌트 내부에서 CSS 스타일 적용하는 방법 [17:03]
- 12. 객체 구조분해할당 [29:54]
- 13. 배열 구조분해할당 [23:43]
- 14. 중첩된 객체의 구조분해할당 [17:40]
- 15. 중첩된 객체의 반복문 안에서의 구조분해할당 [19:45]
- 16. 파라미터 값으로 구조분해할당 [12:30]
- 17. 구조분해할당을 사용한 동적 변수 처리 [12:53]
- 18. rest 나머지 패턴 [28:07]
- 19. 자바스크립트 rest vs spread 차이점 [17:37]
- 20. 리액트에서 구조분해할당 사용 예 [09:41]