이벤트 state props 그리고 render 함수 - 생활코딩 - 리액트 (React) ver.2020

생활코딩 - 리액트 (React) ver.2020

01
개발환경

오리엔테이션

React.js 개발환경의 종류

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

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

샘플 앱 실행하기

JavaScript 코딩하는 법

CSS 코딩하는 법

배포하는 법

02
컴포넌트 제작

리액트가 없다면

컴포넌트 만들기 1

컴포넌트 만들기 2

props

React Developer Tools

Component 파일로 분리하기

03
state

State 소개

State 사용

key

04
이벤트

이벤트 state props 그리고 render 함수

이벤트 설치

이벤트에서 state 변경하기

이벤트 bind 함수 이해하기

이벤트 setState 함수 이해하기

컴포넌트 이벤트 만들기 1

컴포넌트 이벤트 만들기 2

컴포넌트 이벤트 만들기 3

05
Create 기능 구현

베이스 캠프

Create 구현 : 소개

Create 구현 : mode 변경 기능

Create 구현 : mode 전환 기능

Create 구현 : form

Create 구현 : onSubmit 이벤트

Create 구현 : Content 변경

Create 구현 : ShouldComponentUpdate 소개

Create 구현 : Immutable (불변)

06
Update 기능 구현

update 구현

update 구현 : form

update 구현 : state 변경

delete 구현

07
수업을 마치며

수업을 마치며

이벤트 state props 그리고 render 함수

undefined undefined

이벤트 state props 그리고 render 함수

질문하기