쿠키(Cookie)





Http는 stateless라는 특성을 가지고 있다.

즉, 상태가 유지 되지 않는다는 것인데, 우리가 흔히 사용하는 서비스에서 로그인 기능은

사용자의 상태를 저장하며, 이에 따라 표시하는 웹 페이지의 컨텐츠가 다르다.


그렇다면 상태를 보존하기 위해서 특정 기법을 사용한다는 것인데,

그 중 하나가 쿠키이다.


쿠키란, 인터넷 사용자가 어떠한 웹 사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해

인터넷 사용자의 컴퓨터에 설치 되는 작은 기록 정보 파일을 일컫는다.

'쿠키'라는 이름의 어원은 동화인 '헨젤과 그레텔'에서 파생된 것이다.

이 동화에서는 지나온 길을 찾기 위해 주인공들이 쿠키 조각을 떨어뜨린다.

이처럼 쿠키를 통해 이전 상태를 파악할수 있도록 하는것이다.


다만 쿠키의 단점이라면, 보안상으로 상당히/굉장히/너무나 취약하다는 것이다.

이유는 사용자의 정보가 담긴 데이터를 서버와 클라이언트에서 주고 받기때문에

중간에 해커가 이 정보를 탈취하기라도 하면 큰일이기 때문이다.


따라서 실제로는 세션을 많이 사용하지만 우선 쿠키에 대한 예제 부터 살펴보도록하자.





카운터 예제


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var express = require('express');
var app = express();
 
// 쿠키 기능을 위한 미들 웨어, npm  install로 설치 해야함.
var cookieParser = require('cookie-parser')
 
app.use(cookieParser());
 
// count 라는 쿠키를 저장하고 있다가 count경로로 접근할 때마다 1씩 증가
app.get('/count',function(req, res){
    // 쿠키가 없다면 초기화 있다면 쿠키값을 받아옴
    if(req.cookies.count){
        var count = parseInt(req.cookies.count);
    }else{
        var count = 0;
    }
    
    res.cookie('count',count+1);
    res.send('count: ' + req.cookies.count);
})
 
app.listen('3000'function(){
    console.log('server start on port 3000');
});
cs


예제를 통해 살펴보도록하자.

위의 코드는 쿠키값을 1씩 증가시키며 화면에 출력하는 예제이다.


우선 node js에서는 cookie-parser라는 미들웨어로 쿠키 확인한다.

app.use로 import 된 cookie-parser를 사용한다고 지정해 준다.


해당 미들웨어에서 쿠키는 res내부 cookie라는 메소드로 지정할 수 있다.

첫번째 인자로 쿠키의 이름을 받고 두번째로 값을 받는다.

또한 쿠키의 값은 req.cookies 객체 내부의 값으로 전달된다.

사용자는 이를 호출하여 사용이 가능하다.


따라서 우선 if 문으로 req.cookie.count 값이 있는지 판별한다.

만약 쿠키 값이 있으면 count 변수에 쿠키 값을 넣고, 없으면 0을 넣는다.


그리고 현재의 쿠키값을, 이전의 쿠키값+1로 수정하고,

브라우저에 현재 쿠키값을 전달한다.


이를 실행하면 새로고침 할 때 마다 표시되는 값이 1씩 증가함을 볼 수 있다.



참고 : 생활코딩, 서버사이드 node js

저작자 표시
신고

express generator 사용으로 간편한 개발 환경 구축




express를 사용하다보면 맨땅에 헤딩하는 식으로 처음부터 모든 모듈을 import하고,

디렉토리를 생성한다.

이러한 시간 낭비를 줄이기 위하여 express generator를 사용해보자



1
2
sudo npm install -g express
sudo npm install -g express-generator
cs


우선 위의 명령어로 express와 express-generator를 설치한다.

설치를 완료하고 express -h 명령어를 입력하면 프로젝트를 시작하는데 사용할 수 있는 명령어가 표시된다.

일종의 help라고 생각하면 된다.


이제 node 개발환경을 세팅하기 위해 터미널에

express --ejs --css sass --git 명령어를 입력하면 디렉토리와 파일이 자동으로 생성된다.

위의 명령어는 기본 템플릿이 jade이기 때문에 변경해 준것이고, sass를 사용한다는 의미이다.

명령어는 자신에게 편한 대로 설정하여 사용하면 된다.





다음과 같이 폴더 및 파일이 생성된다.


저작자 표시
신고

JOI군이 살고 있는 지역에는 X사와 Y사, 두 개의 수도회사가 있다. 두 회사의 수도요금은 한 달간 수도의 사용량에 따라 다음과 같이 정해진다.

  • X사 : 1리터당 A엔.
  • Y사 : 기본요금은 B엔이고, 사용량이 C리터 이하라면 요금은 기본요금만 청구된다. 사용량이 C리터가 넘었을 경우 기본요금 B엔에 더해서 추가요금이 붙는다. 추가요금은 사용량이 C리터를 넘었을 경우 1리터를 넘었을 때마다 D엔이다.

JOI군의 집에서 한 달간 쓰는 수도의 양은 P리터이다.

수도요금이 최대한 싸게 되도록 수도회사를 고를 때, JOI군의 집의 1달간 수도요금을 구하여라.


풀이

x 사와 y사의 수도 요금을 계산한뒤 비교하여 작은 값을 출력한다.

계산 방법은 소스 참조.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import java.util.Scanner;
 
/**
 * Created by homr on 2017. 7. 8..
 */
public class Main {
    public static void main(String[] args){
        Scanner sc = new Scanner(System.in);
        int[] costArr = new int[5];
        int xCost = 0;
        int yCost = 0;
 
        for(int i=0; i<costArr.length; i++){
            costArr[i] = sc.nextInt();
        }
 
        xCost = costArr[0]*costArr[4];
 
        if(costArr[4]<costArr[2]){
            yCost = costArr[1];
        }else{
            yCost = costArr[1+ (costArr[4]-costArr[2])*costArr[3];
        }
 
 
        if(xCost< yCost){
            System.out.println(xCost);
        }else {
            System.out.println(yCost);
        }
 
    }
}
 
cs


저작자 표시
신고

+ Recent posts

티스토리 툴바