react 시작하기!!

http://hardworkers.tistory.com/150

react 시작하기!!

http://nepi.tistory.com/entry/React-%EC%8B%9C%EC%9E%91

node js 튜토리얼....렁!!!

https://velopert.com/node-js-tutorials

 react , redux , express 등

https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

db 는 mongo db

[Webpack]

web 성능개선을 위해 매우 중요!!!

https://webpack.js.org/

http://webpack.github.io/docs/node.js-api.html

webpack.config.js [configuration 파일]

- devtool : 개발환경 관련해서 설정하는 부분.!!!

   - 'source-map'  : bundle.js 등 으로 합쳐진 코드를 디버깅하기에는 무척 난해함, 

     개발할때 original source와 mapping 시켜서 디버깅 할 수 있도록 도와주는 툴

 ---- https://survivejs.com/webpack/building/source-maps/

--- 디버깅을 위해서는 source map이 중요합니다.!!!

- debug...

https://webpack.js.org/concepts/    : 컨셉 page 한눈에 알수 있음.ㅋ

디버깅 환경에서 실행하기.!!!

webpack.config.js 파일에

devtool:'source-map',

을 추가하기!!

npm run development

[김 땡땡]

어제 제가 redux-persist라고 redux 데이터 새로고침해도 유지되게 라이브러리 붙였는데요

window analyzer/system analyzer 등 모든화면에서 괜찮은데 

memo list에서 새로고침하면 lockup 비스무리하게 되더라구요

어제보다가 모르겠어서 말긴했는데;; 혹시 여유되시면 한번 봐주세요 

새로고침 안했을때는 잘 동작하는데 그화면에서 새로고침하면 bottom navigation이 안먹고 memo 추가하는것도 안되고 락업처럼 되더라구요 

redux-persist 적용되고 개발하기 완전 편해짐 

-----------------------------------------

[이 땡땡]

packsge.json 파일에서 build부분에 아래처럼 webpack 뒤에 --watch 붙이고

"build": "babel server --out-dir build --presets=es2015 && webpack --watch",

webpack.config.js 파일에서 plugins 내용을 기존꺼 대신

plugins:[

  new webpack.HotModuleReplacementPlugin()

]

이렇게 바꾸면 빌드속도가 20초에서 3초정도로 주는거같네요

-----------------------------------------------------