-
인프런 강의 - Node.jS 와 Express.js 다운React 2020. 10. 25. 15:43
node.js란
- node.js 사용전까지는 크롬이나 IE에서 javascript를 브라우저 속에서만 사용했는데
node.js를 사용함으로인해서 javascript를 서버사이드에서 사용가능하게 되었다.
java, php, go, phtyon같은 하나의 언어인데 javascript를 서버사이드에서 쓸 수 있는 언어이다.
express.js
- node.js가 자동차의 엔진이라고하면 이 엔진을 가지고 브레이크도 만들고 세부적인 구현체들을 만드는 게 express.js라는 프레임 워크
expressjs.com/en/starter/hello-world.html
node.js 다운로드
node -v
Last login: Sat Oct 24 21:53:57 on console jaeho@jaehoiucBookPro ~ % node -v zsh: command not found: node jaeho@jaehoiucBookPro ~ % node -v zsh: command not found: node jaeho@jaehoiucBookPro ~ % node -v v12.19.0 jaeho@jaehoiucBookPro ~ % cd document cd: no such file or directory: document jaeho@jaehoiucBookPro ~ % cd documents // documents 폴더로 이동 jaeho@jaehoiucBookPro documents % mkdir bolier-plate // bolier-plate 폴더 생성 jaeho@jaehoiucBookPro documents % cd bolier-plate // bolier-plate 폴더로 이동 jaeho@jaehoiucBookPro bolier-plate % npm init // 해당 폴더에 npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for definitive documentation on these fields and exactly what they do. Use `npm install <pkg>` afterwards to install a package and save it as a dependency in the package.json file. Press ^C at any time to quit. package name: (bolier-plate) version: (1.0.0) description: entry point: (index.js) test command: git repository: keywords: author: jaeho // 나머지 기본으로 엔터누르고 여기서 이름만 설정 license: (ISC) About to write to /Users/jaeho/Documents/bolier-plate/package.json: { "name": "bolier-plate", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "jaeho", "license": "ISC" } Is this OK? (yes) jaeho@jaehoiucBookPro bolier-plate %
vsCode 터미널에 express install 하고 --save 를 붙여주면
jaeho@jaehoiucBookPro bolier-plate % npm install express --save npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN bolier-plate@1.0.0 No description npm WARN bolier-plate@1.0.0 No repository field.
package.json에 express 버전이 표시가 됨
{ "name": "bolier-plate", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "node index.js", "test": "echo \"Error: no test specified\" && exit 1" }, "author": "jaeho", "license": "ISC", "dependencies": { "express": "^4.17.1" } }
expressjs.com/en/starter/hello-world.html
여기 document 를 보고 해당 코드를 index.js에 붙여넣고
package.json 의 script에 "start" : "node index.js" 로 설정해주고
vsCode terminal에서 npm run start해주면 index.js가 설정한 포트번호로 실행됨
'React' 카테고리의 다른 글
react - JSX란 무엇일까?? (0) 2020.11.26 react - 컴포넌트 생명주기 메소드 rendor() (0) 2020.11.26 react - [컴포넌트 생명주기 (component lifecycle)] (0) 2020.11.26 react - [기본개념] (0) 2020.11.26 react - [tutorial] (0) 2020.11.25