[Node.js] Glitch로 Node.js 프로토 타입 시험해보기

코드샌드박스나, 글리치 등을 통해서 환경 설정없이 웹에서도 코드를 짜는 게 가능하다. 

 

https://glitch.com/

Glitch: The friendly community where everyone builds the web

깃헙을 통해서 로그인이 가능하다!

 

1. 노드 프로젝트 생성하기 

nodejs 파트에서 하단 오른쪽을 클릭!

 

2. server.js에서 내용 삭제 후 새로 시작

 

- 기본적인 셋업하기 

const http = require('http') //http라는 모듈을 사용하겠다. 이때 http로는 서버를 만들 수 있다. 

const server = http.createServer((req, res) => {   //server객체를 하나 만든다. 그 안에는 http서버를 만드는데 콜백함수 (인자는 req, res)가 들어간다. 
  res.statusCode = 200  // res객체에 Okay이라는 의미의 200을 주고 
  res.end('Hello!') //res를 끝낼때 Hello!라는 메세지를 보내면서 response 끝내기 
  
}) // 요청이 들어왔을 때, 어떤 응답을 돌려줄지 정하는 곳 

// 이때 만든 서버 객체가 어느 포트에 물려있어야 외부요청에 응답이 가능하다.
const PORT = 3000;

server.listen(PORT, () => {
  console.log('The Server is listening at Port', PORT)
})

 

- 하단의 Preview 에서, 위쪽 버튼을 클릭하면 같은 화면에서 http 창이 뜨게 된다.  

 

하단의 터미널에서

ls 와 cat server.js를 각각 치고나면 이런 결과가 뜬다.

즉 우리가 어떠한 컨테이너에 들어와서, 거기에 어떤 에디터를 물려서 내용을 변경하고 있다는 것을 알 수 있다.

 

이처럼 코드샌드박스, 글리치 등은 

간단한 프로젝트를 할 때 사용한다고 한다. (프로토타입)

 

실제로 ios나 안드로이드 앱을 물려서 시험해볼 수도 있다는 장점이 있다. 

(단, 모든 동작이 구현되지 않을 수는 있다. cpu등에 따라 다르다)

 

따라서 vscode 없이 시험, 연습용으로 여기에 간단히 작성해봐도 서버가 잘 돌아가고

심지어 다른 페이지로 열 수도 있으니 다양하게 활용이 가능할 듯 하다.