nodeJS 설치법

nodejs 다운로드 링크

가능하면 버전문제를 없애기 위해 LTS버전으로 설치할 것!

그리고 cmd창을 켜서 node -v 를 통해 버전을 알아봅니다.

코드 에디터는 가장 보편적인 visual studio code로 정하였습니다.
작업 폴더를 만든 후, 폴더를 연채로 시작합니다.

다음 과정인 express 라이브러리를 사용하기 위해서 npm을 설치해보겠습니다.

NPM

node package manager, 라이브러리 설치를 쉽게 도와주는 도구

1. npm init : package.json 파일을 만들기 위해 사용하는 명령어.
   npm을 사용할 수 있는 환경구성을 만들어준다.
2. npm install '패키지명': 패키지명에 따른 라이브러리를 설치하여 사용할 수 있도록 해주는 명령어.
   전에는 -g, --saved같은 옵션을 붙였었지만, 최근에는 안붙여도 기본적으로 적용이 되도록 변경.
3. package.json: 설치한 라이브러리 목록을 자동으로 기록해주며, 버전도 명세해줌.

EXPRESS

express란?

서버를 매우 쉽게 짤 수 있게 도와주는 프레임워크

nodejs에도 별도의 내장http모듈이 존재해서 서버를 올릴 수 있지만, EXPRESS를 사용하면 더 간편하게 웹서버를 동작할 수 있게 됨.

특징

1. 프레임워크이기 때문에 개발 규칙을 강제하여 코드 및 구조의 통일성을 향상시켜준다.
2. 각종 라이브러리 및 미들웨어 존재
3. 보편적인 프레임워크이기 때문에 다양한 레퍼런스들이 존재하고, Document가 사용하기 편하다.
4. 간결한 웹서버 동작 코드. HTTP메소드에 대한 처리가 편리하다

express를 왜 써야 하는지 간편하게 알았으니, npm init 후,
npm install express를 하여 설치해보자.

npm init을 사용하면 package.json이 생성이 되어 있을 것이다.

이제 npm install express를 해보겠다. 설치가 완료되면 package.json에 추가된 사항이 존재할 것이다.

만약, npm install 하면서 에러가 발생한다면, 같은 패키지매니저인 yarn add 패키지명을 통해 진행하길 바란다.

그리고 윈도우cmd에서 에러가 발생한다면, 시작 - 검색 - Powershell 검색 - 우클릭 - 관리자 권한으로 실행한 뒤 Set-ExecutionPolicy Unrestricted 라고 입력.

간단한 express 예시

express document
사이트에서 올라와 있는 것처럼 기본적인 양식이 존재한다.

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

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

자신의 로컬환경에서 동작을 할 것이기 때문에, node server.js를 터미널에 입력 후,
localhost:3000을 브라우저 주소창에 입력하면 동작하게 된다.

우리는 nodejs로 npm을 통해 express라는 모듈을 설치하여서, 웹서버 동작을 이루어 냈다!!
단 10줄이면 웹서버를 동작시킬 수 있다는게 매우큰 장점인 것 같다.
또한, nginx, apache같은 웹서버도 따로 존재하지 않는 것도 매력포인트다.

다음에는 html파일전송을 해보겠다.