JavaScript 4

인프런 - Login - 2

session을 사용해 로그인페이지를 구현해보자! app.get('/auth/login', (req, res)=>{ var output = ` ` res.send(output) }) output을 사용해 기본 로그인창의 틀을 만들어줍니다! submit을 하면 같은 라우터인 /auth/login에 가지만 get 방식에서 post 방식으로 바뀌기 때문에 app.post를 만들어봅시다! app.post('/auth/login', (req, res)=>{ var savedUser = { user : 'jieun', pw : '1234', displayname : 'Jieun!' } var user = req.body.username var pw = req.body.password if(user === saved..

Node.js 2023.12.21

인프런 - Login - 1

session을 이용해 로그인 페이지를 만들자! 먼저 session은 사용자의 식별자만 저장을 합니다! 따라서 cookie보다 보안에 유리한 장점이 있죠! var express = require('express') var session = require('express-session') var bodyParser = require('body-parser') var app = express() app.use(bodyParser.urlencoded({extended : false})) app.use(session({ secret: 'randomkey', resave: false, saveUnitionaized: true //session id를 사용하기 전까지 생성 X })) app.listen(3000, ..

Node.js 2023.12.21

인프런 - shoppingCart - 4

cookie를 사용해서 cart에 cookie 값을 넣어보자! app.get('/cart', function(req, res){ // cart의 쿠키값 전달 var cart = req.signedCookies.cart if(!cart){ res.send('EMPTY!') } else { var output = '' for(var id in cart){ // id는 제품의 id값 output += `${products[id].title} (${cart[id]})` } res.send(`CART${output}Products List`) } }) cart에 cart cookie의 값을 전달해줍니다 만약 cart cookie에 값이 없다면 EMPTY를 브라우저에 전달합니다. 값이 존재하면 for ~ in문을 ..

Node.js 2023.12.19

인프런 - shoppingCart - 2

cookie를 사용해서 쇼핑 카트 구현하기! var products = { 1: {title : 'Goods1'}, 2: {title : 'Goods2'}, 3: {title : 'Goods3'} } app.get('/products', function(req, res) { var output = '' for(var name in products){ output += `${products[name].title}` } res.send(`Products${output}CART`) }) 간단한 예제이기 때문에 DB 연결은 하지 않고 products 객체를 생성해서 사용 for ~ in문을 사용하여 products에 있는 값을 순회합니다! 이때 name -> 1 products[name] -> { title: ..

Node.js 2023.12.19