[React]Node.js

node는 브라우저가 아닌 곳에서도 javascript를 실행할 수 있도록 나온 어플리케이션

우리가 브라우저가 아닌 곳에서도 node.js를 이용하면 javascript를 시행 할 수 있음

 

폴더 생성

비쥬얼 스튜디오 코드를 연뒤 npm 패키지로 초기화

npm init

결과

패키지 파일 생성

test.js 

console.log("Hello javascript!!");

 

터미널에 실행

node test.js

 

출력값

 

common JS

react를 개발할 때느 ES6를 기반으로 하기에 import와 export를 사용해서 모듈을 불러왔음

Node에서는 기본 채택된 문법이 ES6문법이 아닌 Common JS방식을 사용

React도 Node를 기반으로 함 하지만 내부 빌드 과정에서 ES6를 사용할 수

있도록 변형했다고 볼 수 있음

 

Babel를 이용하면 Node 서버에 ES6를 사용할수 있음

Common Js는 ES6문법과 유사함

다만 모듈 로딩에서 차이가 있음

 

index.js 파일 - 노드서버만들기 실습

export를 할 때 module.exports를 이용. 

import할 때는 require방식!!!!!을 이용

//node는 Common JS를 사용함
//불러올때 require사용
const http = require('http');
//본인 컴퓨터 주소를 의미함!!!!!
const hostname = "127.0.0.1";
const port = 8080;
//createServer() ----> 서버생성
//요청정보 req, 응답정보 res
const server = http.createServer(function(req, res){
    /* console.log("요청: ", req);
    res.end("Hello Client!!!!!!"); //res가 서버에 넘겨줌 */
    const path = req.url;
    const method = req.method;
    if(path === "/products"){
        //응답을 보낼때 json객체를 보낼거야
        res.writeHead(200, {'Content-type': 'application/json'})
        //객체를 json으로 변환 JSON.stringify(obj)
        const product = JSON.stringify({
            name: "기초화장품",
            price: 50000
        })
        res.end(product);
    }else {
        res.end("하하하하하하하하하하하하");
    }
})

//listen은 대기 호스트네임과 포트번호 요청을 기다림
server.listen(port, hostname);  //서버를 돌려줌//listen서버가 응답할수있게 대기상태 만들어줌
console.log("화장품 서버가 동작 중입니다.");

 

출력값