[node.js]Hellow World 띄우기

이능멸·2023년 4월 6일

express node.js

Node

목록 보기

3/3

📌알아두기

단순히 정리하고 암기용으로 남기는것으로 틀린 부분이 있을수 있습니다.

🙆‍♀️ 사용툴

vscode

🎯 방법

폴더구조

ejs : Embedded JavaScript의 약자로 JavaSciprt가 내장되어 있는 html
nodemon : 서버코드를 변경할때마다 자동으로 재시작 해준다

1. npm을 설치한다.

$ npm init

2. 필요한 모듈들을 설치한다.

$ npm install express nodemon ejs

3. server.js를 작성한다
https://www.npmjs.com/package/express 를 참고하여 작성한다

const express = require('express')
const ejs = require('ejs')
const app = express()

app.set("view engine", "ejs"); //view engine을 ejs로 설정한다
app.set("views",  path.join(__dirname, "../views")); //AWS_NODE(현재폴더)에 views폴더를 views폴더로 지정

app.get('/', function (req, res) {
  res.render('main')
})

app.listen(3000)

4. main.ejs를 작성한다
https://www.npmjs.com/package/express 를 참고하여 작성한다

<!DOCTYPE html>
<html lang="UTF-8">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    Hellow Ejs
</body>
</html>

5. package.json을 수정한다
https://www.npmjs.com/package/express 를 참고하여 작성한다

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon ./server/server.js" //이 부분을 추가해준다.
  },

6. 추가해준 문구작성 후 엔터

$ npm run start

🎁 결과

이능멸

안녕하세요

이전 포스트