socket.io사용하기 http통신을 할 떄도 socket이 열리기는 하지만 한번 주고 받고 바로 연결이 끊기게 된다. 그래서 자기가 지속적인 통신이 필요하게 된다면 socket.io를 사용하면된다. 이번 네트워크 과제를 하면서 socket io를 사용할 필요가 생겼다. 그래서 예전부터 가끔 사용해왔지만 이번에 완전히 정리하려고 한다. 설치 나는 보통 npm보다는 yarn을 사용한다. 왜냐면 속도가 어느 상황이든 더 빨라서 그렇다. yarn add socket.io npm i socket.io 그럼 설치가 완료되었으면 클라이언트와 간단한 노드 서버를 만들어 보겠다. client import io from "socket.io-client"; const socketClient = io("http://당신의..

Node에서 ES6, 7 코드사용하기 현재 노드에는 es6코드 일부를 사용할 수 있지만 다는 사용을 못합니다. 그래서 es6의 코드를 사용하기 위해서는 이코드를 es5로 변환시켜 주는 babel을 사용할 필요가 있습니다. bable은 아래와 같이 실행시켜줄 때 es6를 es5로 변경해준다. 그래서 사용자는 es6로 코드를 짜도 실제로는 es5로 실행됩니다. 노드에서 이와같이 사용하는 방법은 터미널에서 1. npm, yarn init를 사용하여 초기화 해줍니다. npm의 경우 npm init yarn의 경우 yarn init 그 후 엔터엔터 하면 됩니다. 2. babel cli와 preset을 다운로드해준다. yarn의 경우yarn add babel-cli babel-preset-env --dev npm의..

nodemon 사용해보기 노드 js를 사용하면서 코드를 고칠때 마다 서버를 끄고 다시 켜는 매우 불편한 행동을 한적이 있었다. 너무 귀찮아져서 다른 방법을 찾아보니 nodemon이라는 것을 통해서 코드가 수정될때 마다 서버를 다시 껐다 켜주는 행동을 할 수 있었습니다. 그래서 이와 같은 것을 사용해주기 위해선 yarn, npm을 통해서 yarn global add nodemon npm install --global nodemon 처음 global을 통해서 설치 후 다음에 다시 사용할 수 있다. 전역에 사용할 수 있도록 해주는 명령어이다. 그리고 package.json에 { "name": "firstGraphQL", "version": "1.0.0", "description": "MovieAPI with ..

오류 페이지 만들기 보통의 사이트 들을 사용 중 404 또는 503에러 들이 발생하면 그 사이트의 고유의 에러 페이지가 발생한다. 그래서 우리도 404, 503같은 에러들이 발생했을 때 오류페이지를 만들어 보겠다. express-error-handler 다운로드 var http = require('http'), express = require('express'), bodyParser = require('body-parser'), static = require('serve-static'), cookieParser = require('cookie-parser'), expressErrorHandler = require('express-error-handler') ,path = require('path'); /..

쿠키와 세션이용 하기 호스트는 클라이언트가 로그인 상태인지 확인 하기 위해서 세션과 쿠키를 사용합니다. 쿠키는 일반적으로 클라이언트 부분에 저장되고 세션은 서버에 저장되서 세션이 좀 더 보안적으로 좋다고 볼 수 있다. 우선은 쿠키를 사용해보겠다. cookie-parser 다운로드 cookie-parser는 미들웨어이기 때문에 app.use에 등록하여 사용해야한다. var http = require('http'), express = require('express'), static = require('serve-static'), bodyParser = require('body-parser'),path = require('path'); var cookieParser = require('cookie-parser..

요청 라우팅하기 요청된 url의 path에 맞게 라우팅해주기 위해서 익스프레스의 route객체를 만들어 주어야한다. html 요청 path var http = require('http'), express = require('express'),path = require('path'); var static = require('serve-static'), bodyParser = require('body-parser'); var app = express(), router = express.Router(); app.use('/',static(path.join(__dirname,'public'))) app.use(bodyParser.urlencoded({extended:false})) app.use(bodyPars..