지난번 작업 이후 진행된 작업 1. register시 중복확인 기능 2. DB와 연결 3. MySQL2 라이브러리 사용 4. DB의 쿼리문을 Promise 방식으로 값 반환 5. env 환경변수 간단하게 적용 6. JWT 토큰 발급, 인증, 재발급 기능 구현 7. 로그아웃 기능 추가 위와 같은 작업을 했다. 와성된 코드를 보며 작업 당시 경험했던 어려움을 적어보겠다. 코드 modules/user.js import db from './db.js'; import bcrypt from 'bcrypt'; import jwt from 'jsonwebtoken'; // 비밀번호 생성 export const setPassword = async (password) => { const hash = await bcrypt..
Express
로그인을 구현하려는 목적? 우리가 네이버나 구글의 메일 서비스나 다른 서비스를 이용할 때, 거의 필수적으로 거치는 과정이 있다. 바로 로그인이다. 그만큼 대부분의 웹에 들어가는 기능인 로그인을 구현해보는 시간을 갖도록 하자. 이 계획은 여러 단계로 나누어 글을 작성할 것이다. 오늘은 기본적인 api 구성까지 해보도록 하자. 사용하는 주요 기술 Express : express를 이용해서 서버를 구현할 예정이다. (koa로 하려 했지만 아직은 express가 부족하다 생각하기에 이번에는 express를 이용해 공부를 더 할 예정이다.) Joi : 스키마 언어를 검토해주고, node용 validator보다 관계에 따른 정의가 가능하다. (ex. 옵션 설정에서 a는 필수 요소로 지정하고 b는 필수가 아니라 지정..
body-parser 란 무엇인가? 간단히 말하자면 Express 4.16.0 버전 부터 내장 모듈로 포함되어있는 미들워어로써 req(요청)와 res(응답) 사이에서 요청의 본문을 지정한 형태로 파싱해주는 미들웨어이다. app.get('/link', (req, res) => { res.send('테스트'); console.log(req.body); }); 위의 코드에서 console.log(req.body) 에서 req.body를 이용해 request의 body를 설정한 형태로 파싱하여 활용할 수 있다. body-parser 설정 //body-parser 모듈 불러오기 const bodyParser = require('body-parser'); app.use(bodyParser.json());// req..
서버를 구성하기 위해서는 기존에 만들었던 클라이언트 폴더와 별개로 다른 폴더를 만들어 줘야한다. 1️⃣. 서버 폴더로 터미널을 연 뒤 아래의 코드를 작성 npm init -y 2️⃣. 관련된 모듈들을 설치하자 npm i express mysql nodemon (여기서 다른 블로그 글들에서는 body-parser도 설치해주는데 최신 express 버젼에서는 이미 포함되어있다) 3️⃣. index.js를 작성하자(package.js에 script.main에 보면 index.js로 되어있으면 index.js 를 작성하자) const express = require('express'); const app = express(); const PORT = process.env.port || 3001; app.list..
SSR (Server Side Rendering)이란? 말 그대로 이다. 사용자에게 제공할 UI를 서버에서 미리 렌더링 하는 것 이다. 반대로, CSR (Client Side Rendering)은 브라우저에서 UI를 렌더링 하는 것 이다. 각 방식의 장단점 Server Side Rendering Client Side Rendering 장점 1. 검색 엔진이 웹 애플리케이션의 페이지를 원할하게 수집할 수 있다. 2. 초기 헨더링 성능을 개선할 수 있다. 1. SSR에 비해 속도가 빠르다. 2. 서버의 부하가 낮다. 단점 1. 브라우저 대신 서버가 처리하므로 서버 리소스가 사용된다. 2. 프로젝트 구조가 복잡해지고, 개발이 어려워질 수도 있다. 1. 검색 엔진이 페이지의 정보를 수집하기 어렵다. 2. 모든 ..
