개발노트

babel : ES6 문법 으로 코딩시, babel의 지원 브라우저 설정을 통해 ES5 문법으로 변환해서 지원 현재 사용되고 있는 브라우저들 중에서 몇%이내 사용 브라우저까지 지원할것인지 설정등이 가능 cross browsing issue 해결 webpack, webpack-cli : 모듈 번들러. webpack.config 설정을 통해 어떤 디렉토리의 js 들을가져와서 하나로 합쳐줌(요청수를 줄여줌) lodash : 자바스크립트 라이브러리로 여러가지 유틸리티 기능 제공 lodash Document https://lodash.com/docs/4.17.15 axios : http요청 보낼때 사용 순서를 보장받기 위해서 Promise와 같이 사용됨 passport , passport-local : 사용자 로..

npm i passport passport-local bcrypt

CSR(client side rendering)의 문제점 ex) front의 useEffect로 로그인여부를 확인할 경우, front UI (데이터가없는)가 먼저 로드되서 요청보내고 응답이 온 후에 UI가 바뀜. 잠깐사이지만 로그인 안되있을때 화면이 보이는 문제 발생 컴포넌트가 마운트 되고나서 데이터를 불러오기때문에 데이터없는 화면이 보이는 문제 (이걸 로딩바 돌아가는 화면으로 대체가 가능하기도 하다) next의 getInitialProps getInitialProps로 서버쪽 데이터를 미리 불러와서 front를 렌더링 하는게 가능해짐 사전에불러와야할 데이터- Data Fetching 즉 Data Fetching을 서버에서 하게 되는것 (1) express랑 next연결 //front/server.js ..

개발환경에서 express 자동으로 재시작 해줌 1 노드몬설치 npm i -D nodemon 2 pakage.json설정 //package.json "scripts": { "dev": "nodemon", } 이렇게 설정해주면 npm run dev하면 nodemon으로 실행! 3. nodemon.json 작성 { "watch":[ "server.js", "nodemon.json" ], "exec":"node server.js", "ext":"js json jsx" }