무료
지식공유자: Egoing Lee
총 40개 수업 (4시간 36분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
초급
중급이상
지식공유자 답변이 제공되는 강의입니다
초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.
리액트의 컴포넌트를 만드는 법과 리액트와 불변의 관계를 알아봅니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
리액트와 불변(immutable)의 관계
리액트의 컴포넌트를 만드는 법
https://egoing.github.io/react-tutorial-example/
React를 이용해서 아래와 같은 웹애플리케이션을 완성합니다.
https://egoing.github.io/react-tutorial-example/
개발환경
수업의 방향성과 개발환경을 마련하는 방법을 소개합니다.
컴포넌트 제작
React의 핵심 기능인 컴포넌트를 제작하는 방법을 소개합니다.
State
React는 컴포넌트를 외부에서 조작할 때는 props를, 내부적으로 상태를 관리할 때는 state를 사용합니다. 여기서는 state에 대해서 소개하고, state를 다루는 방법을 소개합니다.
이벤트
사용자와 상호작용하는 애플리케이션의 핵심인 이벤트를 리액트에서 구현하는 방법을 소개합니다.
Create 기능 구현
react로 create 기능을 구현해봅니다.
Update & Delete 기능 구현
웹앱의 수정 기능을 React로 구현해봅니다.
이 수업을 듣기 위해서는 htm, javascript 지식이 필요합니다.
전체 지식의 맥락은 지식 지도 서말을 참고해주세요
https://seomal.org
전체 지식의 맥락은 지식 지도 서말을 참고해주세요
https://seomal.org
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
single page application을 구현하고 싶은 분
리액트를 통해서 재사용 가능한 사용자 정의 태그(컴포넌트)를 만들고 싶은 분
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
JavaScript
html
안녕하세요
Egoing Lee 입니다.
Egoing Lee 입니다.
커리큘럼
총 40 개
˙ 4시간 36분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 수업 소개
1 강
∙ 9분
수업 소개
09:43
섹션 1. 개발 환경
8 강
∙ 34분
공부 전략
01:57
개발환경의 종류
04:38
npm을 이용해서 create react app 설치
06:04
create react app을 이용해서 개발환경구축
03:13
샘플 웹앱 실행
02:57
JS 코딩하는 법
06:56
CSS 코딩하는 법
02:57
배포하는 법
06:16
섹션 2. 컴포넌트 제작
6 강
∙ 39분
리액트가 없다면
05:42
컴포넌트 만들기 1
07:06
컴포넌트 만들기 2
04:23
props
08:17
React Developer Tools
06:28
Component 파일로 분리하기
07:07
섹션 3. state
3 강
∙ 18분
State 소개
04:09
State 사용
06:24
key
07:43
섹션 4. 이벤트
8 강
∙ 56분
이벤트 state props 그리고 render 함수
10:03
이벤트 설치
07:21
이벤트에서 state 변경하기
04:10
이벤트 bind 함수 이해하기
05:58
이벤트 setState 함수 이해하기
03:33
컴포넌트 이벤트 만들기 1
07:05
컴포넌트 이벤트 만들기 2
04:32
컴포넌트 이벤트 만들기 3
13:29
섹션 5. Create 기능 구현
9 강
∙ 1시간 14분
베이스 캠프
09:12
create 구현 : 소개
07:02
create 구현 : mode 변경 기능
07:08
create 구현 : mode 전환 기능
06:33
create 구현 : form
05:09
create 구현 : onSubmit 이벤트
06:20
create 구현 : contents 변경
09:04
create 구현 : shouldComponentUpdate
15:16
create 구현 : immutable
09:00
섹션 6. Update & Delete 기능 구현
4 강
∙ 36분
update 구현
07:21
update 구현 : form
10:30
update 구현 : state 변경
11:16
delete 구현
07:36
섹션 7. 수업을 마치며
1 강
∙ 7분
수업을 마치며
07:19
강의 게시일 : 2019년 05월 14일
(마지막 업데이트일 : 2019년 05월 17일)
수강평
총 440개
수강생분들이 직접 작성하신 수강평입니다.
4.9
440개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순