[포스코X코딩온] 웹개발자 입문과정 5.1

HM·2023년 4월 3일
0

POSCO CODINGON KDT

목록 보기
8/18
post-thumbnail

5주차

Node.js

node 프로젝트 생성 하기

mkdir 폴더명 (폴더 생성)
npm init -y ( project.json 기본값 생성)
npm install experss ejs

서버관리는 app.js에서..

분리해서 서버관리 하려면 require 하면 됨.(아마두)

const express = require("express"); // express 모듈 불러오기
const app = express(); 
const PORT = 8000; //포트번호 변수 저장
// view 엔진을 ejs를 쓰겠다는 설정
app.set("view engine", "ejs");
// view engine : 서버에서 만든 js를 클라이언트로 보내주는 것
app.use('/views',express.static(`${__dirname}/views`)); 
// express는 static 메서드를 가지고 있음
// static의 파라미터는 폴더명 
// 폴더명에있는 데이터들을 웹브라우저 상 에서 사용하겠다는 의미
// i.e) views 안에있는 ejs 파일들을 웹브라우저에서 사용하겠다
app.get("/", function(req, res){
    res.render("index");
});
// "/" 도메인 경로 : 즉 첫번째 화면에서 index ejs 를 렌더링 하겠다라는 뜻
app.listen(PORT, function(){
    console.log(`http://localhost:${PORT}`);
// 서버 실행시 알려주는 알림 
});

.gitignore : npm 으로 패키지 설치시 용량이 늘어나니, 깃헙관리에서는 node_modules 를 제외하고 올릴 수 있게 관리하는 파일

/node_modules
package-lock.json

두줄 적어주면 된다.

profile
It's the smurf smurf smurf!

0개의 댓글