> For the complete documentation index, see [llms.txt](https://heunnajo.gitbook.io/web-application/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://heunnajo.gitbook.io/web-application/cookie/shopping-cart-using-cookie.md).

# Shopping Cart Using Cookie

기능 명세

1. product 홈페이지

제품 목록이 나온다.\
'제품 n '의 'add' 를 누르면 shopping cart 페이지로 이동한다.\
\=> 제품 1(제품id)의 add를 누르면 count/1(=제품 id) 로 접속한다.\
한번 더 누르면 cart 페이지에서 수량이 증가한다. (누를 때마다 증가한다)

> **Products List**
>
> * Product 1 . **add**
> * Product 2 . **add**
>
> **Cart**

Nodejs에서 반복문 사용하기(for in 문)

```javascript
var products = {
    1:{title:'Product1'},
    2:{title:'Product2'}
};
app.get('/products',(req,res)=>{
    for(var name in products) {//객체의 프로퍼티 이름이 name에 담긴다! 1->2->..
        console.log(products[name]);//products[1] = {title:'Product1'}, products[2] = {title:'Product2'}
    }
    res.send('Products');
});
```

![](https://3300486090-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQzqoN1b99gsoNW0UWW%2F-MRXecjdzStlE5WwxvEs%2F-MRXfX3HO1SUtAM4qr9i%2Fimage.png?alt=media\&token=338845ee-c5c9-4173-a7e0-107d2ada4d18)

product 배열에서 객체의 title값만 가져올 

```javascript
var products = {
    1:{title:'Product1'},
    2:{title:'Product2'}
};
app.get('/products',(req,res)=>{
    for(var name in products) {//객체의 프로퍼티 이름이 name에 담긴다! 1->2->..
        console.log(products[name].title);//products[1] = {title:'Product1'}, products[2] = {title:'Product2'}
    }
    res.send('Products');
});
```

![](https://3300486090-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQzqoN1b99gsoNW0UWW%2F-MRXfYYrSJ6z7uYgrBVP%2F-MRXg2uzOQtBcRzmWGvT%2FScreen%20Shot%202021-01-21%20at%2011.03.57%20AM.png?alt=media\&token=8271142e-7a8d-4853-bf4a-1bfe5c1a9a31)

실행 결과

![](https://3300486090-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQzqoN1b99gsoNW0UWW%2F-MRXg4m8qWHPGnd2sDdo%2F-MRXmVIwFjwQxGlSeV1r%2FScreen%20Shot%202021-01-21%20at%2011.32.49%20AM.png?alt=media\&token=5fa49fee-3e47-4d84-bfb2-024cb2d3bc15)