React Hot Loader 설정법
react-hot-loader란? React Component에서 코드가 변경 되었을 때 view에서 local state가 사라지는데 코드가 변경 되어도 local state가 유지 되도록 도와주는 모듈 webpack.config.js 수정하기1234567891011121314// 변경 전module: { loaders: [
Tag: react.js
JSX 사용하기
JSX란? JSX란? Javascript와 xml의 합성어로 jsx라는 이름이 생겼다. 기존의 XML을 허용하기 위해서 사용하는 Javascript 확장 문법이다. JSX의 특징 빠르다. (컴파일 되면서 최적화가 되기 때문에) 익숙하다. (XML이나 HTML에 익숙하면 금방 JSX를 익힐 수 있다.) 의미를 잘 나타낸다. (Javascript 코드를 마크
React.js 개발환경 설정
React.js 개발환경 설정에는 NodeJS를 이용해서 하기 때문에 NodeJS 및 npm이 설치 필요 Node.js를 설치하고 npm install -g npm을 통해 npm 버전을 최신버전으로 업데이트 하는걸 추천. 구버전 npm의 경우(npm ver 3.0.0 미만) nested 구조로 node_modules 폴더를 구성하기 때문에 용량을 많이 잡