20.09.10 [Nodejs] 프로젝트 폴더 만들어보기

C:\bizwork\workspace\nodejs 폴더(프로젝트) 새로 생성해 준 후 그 안에서

쉬프트키 누르면서 오른쪽 마우스 클릭

여기서 명령창 열기 함 (일반 cmd창인것)

 

이렇게 express Node_hello해주면 아래처럼 새 폴더가 생긴당

그리고 cmd닫아주고

이 폴더 안에서 무언가 많이 생겨 있을 텐데 거기서 또 명령창 열기

yarn install을 하면 뭔가를 열심히 또 다운받을것이다.

install이 완료가 되면,

node_modules이라는 폴더가 생기는데

이런 것들은 spring에서 maven repository라고 보면 된당

다시 cmd 창에서 nodemon 입력

방화벽 나오면 액세스 허용 해줌

창 끄지말고 웹브라우저에 localhost:3000이라고 치면

Express 나온당~

 

다시 주소창에 localhost:3000/users라고 치면

respond with a resource가 나옴

---

Node_hello오른쪽 클릭 해서 vscode로 열기~

 

nodejs는 기본값이 자바스크립트를 이용해서 코딩을 하도록 되어있음

 

express-generator : nodejs에서 사용하는 웹 프레임 워크임!

nodejs와 express라고하는 프레임워크를 설치하여 node-express서버를 만든 것임

 

// express라는 친구를 이용해 express로부터 router라는 함수를 추출하고
var express = require("express");
var router = express.Router();

// router는 spring에서 Controller의 기능에 해당하는 친구
// router라는 함수에 의해서 GET방식으로 요청된 결과를 만들어라는 이야기

index.js

get 방식 root로 누군가 요청을 하면 index라는 view(index.jade 의 p 반갑습니다 #{title})를 열어라

그리고 title에는 대한민국이라는 문자열을 실어서 보내라

 

 

// 사용자가 /home 이라는 문자열로 요청(req)을 하면
router.get("/home", function (req, res) {
  // 문자열을 response로 send하라는 이야기
  // 문자열을 보내라는 이야기
  // send는 바로 문자열을 전송하라 하는 이야기
  res.send("Republic of Korea");
});

router.get("/home", function (req, res) {
  // res.render하면 view 파일과 rendering하라는 이야기!
  res.render("index", { title: "대한민국"});
});

 

nodemon이라는 친구는 js 파일을 수정하고 저장하게되면

서버를 restart해서 자동으로 reloading해주는 친구!

우리는 굳이 서버를 재시작하지 않고 얼마든지 수정한게 반영이 되더라 하는이야기

 

jade라는 친구는 html을 파이썬 코드타입으로 구조가 짜인다.

들여쓰기가 중요하다는 말씀

 

cd : 폴더 위치 변경하기

폴더명을 작성할 때는 tab키로 자동완성 시켜주자!

vscode에서 터미널창

nodemon