[DAY - 103] node 기초

2023. 7. 28. 20:30·🔥 부트캠프-웹 개발 🔥/Node

1) Node express 설치

 

https://expressjs.com/ko/

 

Express - Node.js 웹 애플리케이션 프레임워크

Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save

expressjs.com

 

node를 쉽게 사용하기 위해 node의 프레임 워크 express를 설치해야 한다.

 

먼저 node를 사용할 폴더에 초기화를 해준다.

package.json 파일이 만들어 지면 성공이다.

 

npm init

 

그리고 express도 설치치해준다.

 

npm install express

 

 

2) nodemon 설치

 

https://www.npmjs.com/package/nodemon

 

nodemon

Simple monitor script for use during development of a Node.js app.. Latest version: 3.0.1, last published: 24 days ago. Start using nodemon in your project by running `npm i nodemon`. There are 4729 other projects in the npm registry using nodemon.

www.npmjs.com

 

node 서버를 켠 뒤 수정을 하게되면 서버를 껐다가 다시 켜야 하는데 nodemon 라이브러리를 사용하면 자동으로 수정하게 된다.

 

* -g는 글로벌(전역)으로 설치할 때 추가한다.

 

 npm install nodemon -g

 

 

3) index.js 생성 및 package 수정

 

그 뒤에 index.js 파일을 생성하고 node 서버를 켜기위해 사용하는 명령어를 수정한다.

 

// 기본값
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },

// 수정
  "scripts": {
    "start": "nodemon"
  },

 

4) 테스트

 

node 서버를 켜게되면 자동으로 nodemon이 실행되기 때문에 아래와 같이 터미널에 출력된다.

 

npm start

nodemon

 

index.js 파일에 아래와 같이 작성하면 localhost의 4000번 포트에 출력을 할 수 있다.

 

const express = require('express');
const app = express();
const post = 4000

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

app.listen(post, () => {
    console.log(`${post} 포트에서 서버 실행중`);
});

터미널
res.send

 

'🔥 부트캠프-웹 개발 🔥/Node' 카테고리의 다른 글
  • #2 선수 정보 프로젝트 (Node.js)
  • [DAY - 109] Node / MySQL 연결
  • [DAY - 107] Node / MVC 디자인 패턴
  • [DAY - 106] Node / params, Todo예제
Yeonhub
Yeonhub
✨ https://github.com/yeonhub 📧 lsy3237@gmail.com
  • Yeonhub
    비 전공자의 Be developer
    Yeonhub
  • 전체
    오늘
    어제
    • 전체보기 (169)
      • 🔍 Tech 🔍 (19)
        • Front-End (11)
        • Back-End (4)
        • AI (1)
        • Server (1)
        • Etc (2)
      • 💡 원티드 프리온보딩 챌린지 💡 (14)
        • PRE-ONBOARDING_AI (11월) (1)
        • PRE-ONBOARDING_FE (2월) (2)
        • PRE-ONBOARDING_FE (1월) (2)
        • PRE-ONBOARDING_FE (12월) (9)
      • 🔥 부트캠프-웹 개발 🔥 (118)
        • HTML5 (7)
        • CSS3 (21)
        • JavaScript (27)
        • JavaScript_advanced (9)
        • React (24)
        • Next (1)
        • MYSql (5)
        • Node (5)
        • 오늘하날(개인프로젝트) (12)
        • 이젠제주투어(팀프로젝트) (7)
      • 💻 CS 💻 (1)
        • 알고리즘 (1)
      • ⚡ 코딩테스트 ⚡ (11)
        • JavaScript (11)
      • 📚 Books 📚 (6)
        • 클린 아키텍처 (2)
        • 인사이드 자바스크립트 (4)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    react native expo fcm
    node fcm
    expo fcm
    expo admob
    rn admob
    php node
    expo 지도
    node crontab
    rn bottom sheet
    react native admob
    expo deep linking
    라스콘
    node.js fcm
    expo fcm push
    Node
    bottom sheet
    expo node fcm
    프론트엔드 테스트코드
    react native analytics
    expo map
    python node
    react vite
    react native firebase analytics
    javascript fcm
    expo 길찾기
    expo google map
    컴파운드 컴포넌트 패턴
    react native bottom sheet
    라스콘4
    node cron
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
Yeonhub
[DAY - 103] node 기초
상단으로

티스토리툴바