JS/Node.js

[Node.js] 오랜만에 노드 서버 실행을 해보았다

kth990303 2021. 6. 10. 21:20
반응형

최근에 프로젝트를 간단하게 하고, 공부도 이것저것 해보면서

갑자기 리액트가 끌리기 시작했다.

리액트 관련 수업이나 공부자료를 찾던 중 발견한 무료강의가 있길래

리액트를 익힘과 동시에 노드 복습도 되고 좋겠다 싶어서 수강신청해본 강의이다.

https://www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EB%85%B8%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B8%B0%EB%B3%B8/dashboard

 

[무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의

이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다., 리액트와 노드의 기본을 학습하세요! 📝 강의 소개 안녕하세요 ^ ^ 이 강의에서는 리액트와 노드

www.inflearn.com

간단한 로그인창을 만들면서 배운다는점이 끌려서 시작해보았다.

 

원래 Do it 시리즈의 영화평점 웹서비스 책으로 공부하려 했는데, 

아마 이거랑 병행하면서 하지 않을까 싶다.

(근데 중간에 스프링 공부가 너무 바빠지거나, 흥미를 잃게 된다면 하지 않을 수도 있다. ㅎㅎ...)


Node 실행하기 위한 npm init

폴더를 생성하고 npm init을 해주었다.

원하는 폴더를 mkdir 명령어로 만들어준 후, npm init을 해주었다.

그냥 다 엔터 눌렀다.

딱히 부연설명도 필요 없을 것 같아 description에 아무것도 적지 않았고,

오픈 라이센스로 배포하지도 않을 것이라 MIT로 적지도 않았다.


Express를 이용한 실행

 

npm install express --save를 입력하면 아래와 같이 디펜던시에 익스프레스가 추가된다.

또한, npm run start를 실행할 때 바로 index.js 기본 메인자바스크립트가 실행되도록 scripts에 아래와 같이 추가하였다.

 

package.json

{
  "name": "boiler_plate",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "node index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1"
  }
}

index.js

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}!`);
});

간단한 Hello World 입력 코드이다. 

템플릿 엔진을 따로 설치하지 않았고 (설치할 필요도 없고) 그렇기 때문에 ${} 표현식을 사용하였다.

${} 표현식을 사용할 땐 따옴표가 아닌 ! 옆에 있는 `를 사용해야 함에 유의하자.

 

너무나 당연한 실행결과

localhost:{port} 로 들어가면 당연히 위와 같이 Hello world!가 뜬다.


복습 겸 간단한 것 또한 포스팅을 해보았다.

다음엔 강의 목차 상 몽고db 관련 포스팅을 하지 않을까 싶다.

반응형