Node 홈페이지 만드는 순서

라이브톡톡·2021년 10월 28일
  1. git과 연동
    1) root 폴더에 .git생성 : $ git init
    2) git 레퍼지토리 생성 : https://github.com/
    3) git 연결 : $ git remote add origin https://github.com/baguni2021/webplay.git
    -> (master)가 표시됨

  2. nodeJs 준비
    1) package.json 파일생성 : $ npm init
    --- package.json file ---

        "scripts": {
          "start": "server.js"
        }

    2) 서버생성 모듈설치 : npm i express

  3. 자바스크립트 컴파일러 설치
    babeljs : https://babeljs.io/setup#installation

    1) 설치 : $ npm install --save-dev @babel/core
    ---package.json file---

         "scripts": {
         "build": "babel src -d lib"

2) 사용: babel.config.json 생성 및 사용
(1) babel.config.json 생성
(2) 설치 : $ npm install @babel/preset-env --save-dev
--- babel.config.json file ---

        {
          "presets": ["@babel/preset-env"]
        }
  1. nodemon 설치
    1) 설치
    (1) babel에 node용 설치 : $ npm install @babel/node --save-dev
    (2) $ npm install --save-dev nodemon
    ---package.json file---
         "scripts": {
          "dev": "nodemon --exec babel-node server.js"
  1. 서버 생성
    --- server.js file ---
        import express from 'express';
        const app = express();
		PORT = 4400;
		app.listen(4400, () => console.log(`Server Listening on port http://localhost:${PORT} 🚀`));

0개의 댓글