쿠키란 서버가 웹 브라우저에게 주는 것인데 쿠키를 사용하게 되면 클라이언트가 브라우저에 접속했을 때 어떤 클라이언트가 접속했는지 알 수 있어 유용하게 사용될 수 있습니다. 쿠기가 있으면 서버가 내가 누구인지를 쉽게 알아낼 수 있기 때문에 로그인, 인증 같은 부분에서 많이 사용되는 부분입니다. 쿠키를 다른 상황으로 비유해보자면 인터넷 상에서 쇼핑을 하면서 장바구니에 어떤 것을 픽해두고 볼일이 생겨 다른 것을 하고 다시 돌아왔을 때 장바구니에 그대로 내가 픽했던 것들이 유지되어 있는 것이 있습니다. 실제로 쿠기를 갖게되는 방법은 아래와 같은데 클라이언트가 서버에 접속하게 되면 서버는 Response(응답)을 하게 되면서 브라우저에게 쿠키라는 것을 쥐어줍니다. 위 사진에서는 count=1이라는 값을 쿠키값으로..

HTTP는 Hyper Text Transfer Protocol의 약자로 서버와 브라우저가 서로 이해하기 위한 규약을 텍스트로 정의해 둔 것이다.- 웹은 크게 브라우저와 서버로 구성되어 요청받고 응답하는 과정이 잘 이루어지기 위해서 HTTP라는 규칙을 따르고 있다. 실제로 개발자 도구의 Network탭에서 요청된 내역을 살펴보면 아래와 같은 것을 볼 수 있는데 Request와 Response가 잘 이루어지 위해 HTTP로 정해진 규정을 지키고 있는 모습을 볼 수 있다. 출처: https://opentutorials.org/course/2136/12063

우리가 서버에 접속해서 서버에게 어떤 정보를 받아오는 것을 GET방식이라고 합니다. 더 정확히 표현해보자면 클라이언트 입장으로 보았을 때 우리가 서버에게 어떠한 정보를 가져오는(GET)것인 셈이죠. 그렇다면 POST방식은 무엇일까요? 우리는 지금까지 POST방식을 단 한번도 사용하지 않았습니다. POST는 대체적으로 내 정보를 서버에게 보내는 작업을 할 때 POST메서드를 사용하게 되어있습니다. 코드를 예를 들어 설명해보겠습니다. 1) GET방식 const express = require('express'); const app = express(); app.set('view engine', 'jade'); app.set('views', './views'); app.use(express.static('pu..

웹페이지를 PATH별로 다른 컨텐츠를 보여주고 싶다면 Express가 지정 PATH별로 Routing함으로써 각각 페이지별로 다른 컨텐츠를 보여주는 것이 가능했다. 그런데 만약 동일 PATH내에서도 조건에 따라 보여주는 것을 달리할 수 있다면 그 웹페이지를 더욱 동적으로 만들 수 있을 것이다. 이것을 가능하게 하는 것이 Query String이다. Query String은 URL에 포함되어 있는 것으로 ?뒤에 key와 value를 지정해줌으로써 Query String을 생성할 수 있다. (?key1=value1&key2=value2....와 같이 다수로 Query String을 보내는 것도 가능하다.) 그렇다면 Query String이 하는 역할은 무엇일까? 쿼리 스트링은 지정된 URL내에서 어떤 Que..

서버가 없었다면 우리는 정적으로 웹페이지를 만들게 될 것이다. 정적이란 한 번 만들면 변하지 않는 것들을 의미한다. 예를 들어 HTML파일은 한 번 짜고 브라우저에 로드시키면 내가 직접 HTML코드를 바꿀 수 있는 수단이 존재하지 않다. 매우 간단한 웹페이지를 만든다면 HTML파일 하나로도 충분하지만 스크롤을 100번 넘게해도 끝나지 않을때는 어떻게 해야할까? 100번 스크롤해도 끝나지 않는 HTML코드를 내 손으로 직접 작성한다는 것은 시간이 매우매우매우~ 후달린다. 이러한 문제점 때문에 내가 손수 코드를 작성하지 않아도 어떠한 상호작용을 통해 코드가 계속해서 바뀔 수 있도록 한다는 개념이 동적이라고 한다. Express에서 정적과 동적파일을 다루는 방법이 조금 다른데 정적파일은 Node가 한번 실행되..

let express = require('express'); let app = express(); app.get('/', function(req, res){ res.send('Hello home page');; }); app.get('/route', function(req, res){ res.send('Hello Router, ') }) app.get('/login', function(req, res){ res.send('Login please'); }); app.listen(3000, function(){ console.log('Conneted 3000 port!'); }); 우선 Express로 Routing하는 방법이다. 현재 우리 서버는 3개의 라우트를 가지고 있고 그에 따른 컨트롤러 역시 가지고..