Node JS Basic(1)

Node js란 무엇인지 알아보고 index.js에서 기본적인 express js 앱을 만들어 보겠습니다.

Node js란 백엔드 프레임 워크

  Node.js는 Chrome V8 JavaScript 엔진 위에서 동작하는 JavaScript 런타임 환경(runtime environment)이다. javascript 언어를 실행하기 위해서 매번 브라우저를 이용해야만 했습니다. 하지만 이러한 불편한 점을 개선하여 내 로컬 환경에서도 javascript 언어를 실행하기 위해 Node.js가 만들어졌습니다. 기본적으로 브라우저에 인터프리터가 있기 때문에 자바스크립트를 다른 언와 다르게 별도의 설치 없이 브라우저 자체에서 자바 스크립트가 실행 가능 했던 것!

  그러나 이제 내 컴퓨터 or 서버 즉, 백엔드에서 자바스크립트를 실행하기 위해서는 Node.js를 설치해야 실행 가능. 따라서 Node.js가 설치된 모든 컴퓨터는 브라우저가 굳이 없어도 자바스크립트를 실행 가능.

쉽게 말해서 Node.js란 브라우저에서만 실행할 수 있었던 javascript를 내 로컬 환경에서 실행할 수 있는 프로그램이라고 볼 수 있습니다. 

https://nodejs.org/en

Node.js

npm이란?

*모듈(module): 한마디로 미리 짜여진 코드! 따라서 모듈이 있으면 별도의 코드 없이도 즉, 우리가 직접 짜지 않아도 모듈을 다운 받아서 사용가능.

  Node.js에서는 npm(node package manager)이라는 모듈을 사용합니다. Node Package Manager로 Node.js 기반에서 실행될 수 있는 모듈(프로그램보다 작은 단위의 기능들)을 관리하는 관리자를 뜻합니다. 많은 개발자들이 자신이 만든 모듈, 라이브러리 등을 공유하기 위해 npm 사이트(공개 저장소)에 등록해 놓았고, 우리는 필요할 때마다 이 모듈들을 가져와 사용함으로써 개발에 쓰이는 시간을 단축할 수 있게 됩니다. npm 사이트를 방문하여 살펴보면 다른 사람들이 만들어놓은 소스코드들을 무료로 다운로드해 올 수 있습니다.

https://www.npmjs.com/

npm | Home

npm install 모듈 이름 // 설치 하기 ex) express

node -v // 노드가 다운되어 있는지 터미널에서 확인

npm init // package.json 생성된다. 이것은 npm을 이용해서 받은(설치한) 모듈들을 정리해 놓은 파일

yarn이란?

페이스북이 자체 개발한 것으로 npm과 같은 역할을 하는 javascript 패키지 매니저입니다. 성능(속도)과 보안 이슈를 보완한 javascript 패키지 매니저라고 볼 수 있습니다.

Quick Start

https://create-react-app.dev/docs/getting-started

Getting Started | Create React App

Express란 백엔드 서버를 만들기 위한 모듈

Express는 모듈이고 Node.js를 위한 프레임워크(framework)이다. 프레임워크는 어떠한 작업을 쉽게 완성하기 위한 라이브러리의 집합. 이 모듈로 백엔드 서버를 만든다.

npm install express —save // Express module 설치.

위 명령어를 실행하면 package.json의 dependencies에 “express: “버전” 자동으로 생성된다. → package-lock.json, node_modules 생성됨.

 

*package-lock.json: package.json을 좀 더 상세하게 정리해 놓은 것!

*node_modules : 설치한 라이브러리들이 생성된다. 거의 수정할 일을 없음.

 

index.js에서 기본적인 express js 앱 만들기.

https://expressjs.com/en/starter/hello-world.html

Express "Hello World" example

const express = require('express') // import express
const app = express() // create express app
const port = 3000 

app.get('/', (req, res) => { // '/' 경로로 들어오면
  res.send('Hello World! 반가워요!') // Hello World! 반가워요!를 출력해준다.
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

script에 “start”: “node index.js” 저장하고 터미널에서 npm run start 명령어를 치면 서버 켜진다.

npm run start // start = node index.js