Node 2

[React.js] Default 코드를 자동으로 생성해주는 모듈

React로 js를 계속 만들다 보면 Default Componet를 생성할 때 기본적으로 적어줘야 하는 코드들이 있다. import React from 'react' function TestPage() { return ( TestPage ) } export default TestPage 대충 위와 같은 형식인데... 여러 Componet를 만들다 보면 손수 코딩하기 매우 귀찮은 지경이다. 이러한 불편함을 감수시키기 위해 VS Code 에서는 확장 모듈을 제공해 준다. 바로 es7이라는 것인데... 위와 같이 VS Code에서 저 네모 테트리스 블럭... 같은 것을 선택하고 es7을 치면 ES7 React를 설치한다. 다음 js를 돌아와 아래와 같은 rfce를 치고 입력을 누르면 기본적인 코드가 출력된다..

개발/React 2020.06.01

[Node.js] 서버를 재시작하지 않아도 실시간 코드가 반영되는 Nodemon

Node.js를 공부하면서 가장 불편했던 점이 코드들을 변경해도 실시간으로 반영되지 않아 서버를 재시작해야 한다는 점이었다. 하지만 이런 단점을 극복하는 모듈이 있어 설치를 해 보게 되었다. NodeMon을 설치하려면 프롬포트 창에서 아래의 명령어를 입력하면 된다. npm install nodemon --save-dev -dev의 명령어는 개발 전용으로만 사용하겠다는 것이니 빼면 release 모드에서도 사용할 수 있을 것이다. 각자 선택해서 사용하기를 바란다. package.json에서 nodemon으로 사용할 수 있는 script를 하나 추가해 주었다. "scripts": { ... "dev": "nodemon index.js", }, 그리고 명령 프롬포트 창에서 npm run dev를 사용하면 아래..

개발/Node.js 2020.05.26