프론트엔드 수업의 프로젝트까지 끝난 후! (기초 수업)
백엔드 수업에 들어가게 되었다!

node.js 수업을 배우게 되는데,, 과연 나의 어느곳에 더 맞을지..!

🐾 Node.js

일단 node 프로젝트를 생성하는 법을 먼저 알아보자

mkdir 폴더명 (폴더 생성)
cd 폴더명 (폴더이동 (생성한 폴더로 이동 작업!))
npm init -y ( 프로젝트 시작 명령어 (package.json에서 "main"값을
              index.js에서 app.js로 변경(진입점 파일명)
npm install experss ejs (express와 ejs 패키지 설치)

👣 진입점 파일 - app.js (거의 기본값)

const express = require("express"); // express 모듈 셋팅
const app = express(); 
const PORT = 8000; 
// view 엔진을 ejs를 쓰겠다는 설정
app.set("view engine", "ejs");
app.use('/views',express.static(__dirname + '/views')); //views 파일설정
// 페이지 로딩 함수
app.get("/", function(req, res){
    //console.log(res);
    res.render("index"); // views/index.ejs 파일을 찾아서 응답
});
// 서버 띄울때 포트 정보 셋팅 및 처음 실행 시 필요한 기능 수행 가능
app.listen(PORT, function(){
    console.log(`http://localhost:${PORT}`);
});

👣 ejs 파일생성

따로 뭔가를 해줄필요없이 .ejs 파일을 생성하면 된다

ex) index.ejs / main.ejs 등!

🧨 gitignore

node 파일은 파일생성과 용량이 크므로 깃을 올릴 때 많은 용량이 소비될 것이다.
올리지않아도 되는 파일들은 깃에 올리지않는다는 행동을 취할 수 있음!! 
(특정파일 제외가능하단 소리!)

.gitignore 라는 폴더를 생성 후,

/node_modules
package-lock.json

라고 두 줄을 작성해주면 완성~!

여기까지 무리없이 해냈으면 node project는 무리없이 진행이 될 것이다! index.ejs에서 보내고 싶은 정보나 받고싶은 정보에 따라 app.js를 수정해야하는 일이 생길 것이다.

이 부분은 프로젝트 시작하여 작업하는 과정이므로
다음 시간에 알아보도록 하자! =3=3

이거 하나했는데도 괜히 나 뭐 한 것 같은 느낌 정상인가욥 크크