리액트 수업을 위한 저장소
Clone or download
Pull request Compare This branch is even with apple77y:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
.gitignore
README.md
template.html

README.md

todo_react: 리액트 수업을 위한 저장소

최종 결과물

thumnail

- 쓰기 기능
- 삭제 기능

기술 스택

- dependencies: react, react-dom, react-addons-update, react-redux, redux
- devDependencies: babel-core, babel-loaser, babel-preset-react, react-hot-loader, webpack, webpack-dev-server
- javaScript version: es5

매 단원은 브랜치로 구분되어있음

devSetting

-  웹팩을 활용한 배포용, 개발용 환경 구축, 개발용은 HMR을 활용

helloWorld

-  Hello World를 화면에 출력

jsx

- 마크업을 jsx로 변환. jsx 사용 방법에 초점

component

- jsx로 떼어놓은 부분을 성격에 따라 리액트 컴포넌트로 변환. 모듈화에 초점

propsState

- props와 state의 개념 및 활용 방법

lifecycle

- 리액트 컴포넌트가 화면에 렌더링 되는 과정

event

- 클릭 이벤트로부터 데이터를 처리하는 과정

stateless

- 1단계 개발이 끝난 후, 가능한 순수함수로 리팩토링

propTypes

- 데이터(props)의 형(type) 체크를 통한 개발 오류 방지

redux

- react-redux를 적용해 콜백 패턴을 리팩토링