온라인

처음 배우는 리액트 입문

ReactJS · 초급

생활코딩

레슨 40개 · 무제한 수강

동영상 40개 · 4시간 36분

수강생 41명

5.0 / 1명

판매가
무료

클래스 신청하기

소개

커리큘럼

강사

수료증

리뷰

질문답변

선수지식

html (WEB1 HTML & Internet 수업), JavaScript (WEB2 JavaScript 수업)

무엇을 배울 수 있나요?

리액트를 사용하는 이유 리액트의 컴포넌트를 만드는 법 리액트와 불변(immutable)의 관계

누가 들으면 좋나요?

리액트를 통해서 재사용 가능한 사용자 정의 태그(컴포넌트)를 만들고 싶은 분, single page application을 구현하고 싶은 분

클래스 소개

생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다.

생활코딩 콘텐츠를 코딩엑스에도 수강할 수 있도록 옮긴 무료 강의입니다.

https://opentutorials.org/

커리큘럼

레슨 40개, 수강기간 무제한

1. 수업 소개

레슨 2개

1-1 수업 소개

9:42

1-2 오리엔테이션

1:56

2. 개발환경

레슨 7개

2-1 React.js 개발환경의 종류

4:37

2-2 npm을 이용해서 create-react-app 설치하기

6:03

2-3 create-react-app을 이용해서 개발환경 구축

3:12

2-4 샘플 앱 실행하기

2:56

2-5 JavaScript 코딩하는 법

6:55

2-6 CSS 코딩하는 법

2:56

2-7 배포하는 법

6:15

3. 컴포넌트 제작

레슨 6개

3-1 리액트가 없다면

5:41

3-2 컴포넌트 만들기 1

7:05

3-3 컴포넌트 만들기 2

4:22

3-4 props

8:16

3-5 React Developer Tools

6:27

3-6 Component

7:06

4. state

레슨 11개

4-1 state 소개

4:08

4-2 state 사용

6:23

4-3 key

7:42

4-4 이벤트 state props 그리고 render 함수

10:02

4-5 이벤트 설치

7:20

4-6 이벤트에서 state 변경하기

4:09

4-7 이벤트 bind 함수 이해하기

5:57

4-8 이벤트 setState 함수 이해하기

3:33

4-9 컴포넌트 이벤트 만들기

7:04

4-10 컴포넌트 이벤트 만들기 2

4:31

4-11 컴포넌트 이벤트 만들기 3

13:28

5. Create 기능 구현

레슨 9개

5-1 베이스 캠프

9:11

5-2 Create 구현 : 소개

7:01

5-3 Create 구현 : mode 변경

7:07

5-4 Create 구현 : mode 전환 기능

6:32

5-5 Create 구현 : form

5:08

5-6 Create 구현 : onSubmit 이벤트

6:19

5-7 Create 구현 : Content 변경

9:03

5-8 Create 구현 : ShouldComponentUpdate

15:15

5-9 Create 구현 : Immutable

8:59

6. Update & Delete 기능 구현

레슨 4개

6-1 update 구현

7:20

6-2 update 구현 : form 작업

10:29

6-3 update 구현 : state 변경

11:15

6-4 delete 구현

7:35

7. 수업을 마치며

레슨 1개

7-1 수업을 마치며

7:18

최근 업데이트 날짜 2021.11.10 11:04

생활코딩

포트폴리오 보러가기

수료증

수료증 발급을 원하시는 회원님은
채널톡 또는 전화로 문의해주세요.

수강생 리뷰

5.00 (1)

코딩엑스 매니저 율로 ・2021.08.05

[먼저 수강해본 매니저의 생생리뷰] 저처럼 디자인시스템과 프레임워크에 관심이 많은 분들이라면 꼭 배워야 한다고 생각합니다!

실력 상승 질문답변

구매 후 수강하고 질문을 남겨보세요!

구매하러 가기