V-logue

먼저, https://developers.kakao.com에 들어가 시작하기 버튼을 누르고 애플리케이션을 추가한다. 애플리케이션 추가하기 버튼을 누르면 다음과 같은 화면이 나오는데, 앱 이름과 사업자명을 입력하고 저장버튼을 누른다. 그러면 이제 다음과 같은 화면이 나오게 된다. REST API키는 따로 저장해두고, 왼쪽 카테고리를 보면 카카오 로그인이 있을 것이다. 카카오 로그인을 누르고나서, 카카오 로그인 밑에, 활성화 설정이 있는데 이 부분의 상태값을 ON으로 바꿔준다. 그리고 밑쪽의 Redirect URI를 설정해준다. Redirect URL를 설정해주고(Local환경에서 테스트 해보는거라 저렇게 했다.) 동의항목을 누른 후 프로필정보 중 닉네임을 클릭하고 . 다음과 같이 필수동의로 바꿔준다. 그다..

Node와 FE에서 사용자가 이미지를 올리는 방법은 여러가지가 있는데, 개인 서버에 static 폴더를 만들어서 클라이언트로부터 요청받은 파일을 저장하는 방법과 db에 저장하는 방법이 있고, 마지막으로 AWS S3 버킷을 이용해서 이미지 파일을 저장하고 db에 버킷의 경로를 받아서 서버가 이 경로로 클라이언트에 응답하는 방법이 있다. 찾아보니, axios로 form태그를 사용해 이미지를 넘기려면 multer를 사용해야 한다고 하니 어처피 나는 이 multer에 대해서 배웠어야 했다. 이 AWS S3를 사용하면 개인 서버에 저장하는 것에서 고려도는 PC 성능을 고려하지 않아도 되고, 또 이 S3 버킷이라는게 내가 사용하는 만큼 비용을 지불하는 것이기 때문에 비용적인 부담도 줄어들어 아주 효율적인 서버를 구..

Joi joi는 JavaScript에서 가장 강력한 Schema를 설명하는 언어 및 데이터 유효성(validation) 검사기이다. 설치는 다음과 같이 시작한다 npm install joi 사용법은 간단하다. 먼저, 조이를 require를 통해 불러와주고 const joi = require("joi") 유효성을 검증할 Schema와 검증을 시도할 body를 구성한다. const UserSchema = joi.object.key({ userId: joi.string().min(4).max(20).required(), password: joi.string().min(8).max(20).required(), email: joi.string().email().required() }) const user = { ..

Bcrpyt, bcrypt.hashpw(password, bcrypt.gensalt()) bcrpyt는 암호를 해시화 하는데, 도움이되는 라이브러리다. 1999년 USENIX에서 발표된 ..... 암호 해싱 기능이다. 비밀번호 해싱(Password hashing)이란? 유저가 클라이언트에서 입력한 정보가 db에 저장되는데, 비밀번호와 같은 정보는 아주 민감하고 안전하게 다뤄줘야 한다. 만약 유저가 1q2w3e4r이라는 Plain Text를 입력하고, 이대로 Plain Text가 db에 저장된다면 서버 관리자가 알 수 있음은 물론이고 해커마저도 쉽게 알아낼 수 있을 것이다. 바로 이럴때에, 필요한 것이 해싱인데 해싱은 위의 Plain Text를 특정적인 해시화하는 무언가를 사용해 잘게 쪼개고 어렵게 인간이..

https://surprisecomputer.tistory.com/32 [Node.js] express cors 사용하기 1. 서론 리버스 프록시 서버로 NGINX를 두고 한 워크스테이션에서 Swagger와 node.js 서버를 함께 구동한 적이 있다. Swagger의 포트를 8085로 지정하고 node.js 서버는 443번으로 지정했는 데, CORS 에러가 발 surprisecomputer.tistory.com CORS(Cross-Origin Resource Sharing)란 자신이 속하지 않은 다른 도메인, 다른 프로토콜, 혹은 다른 포트에 있는 리소스를 요청하는 cross-origin HTTP 요청 방식이다. cross-origin HTTP 요청 방식에 대해서는 mozilla 사이트의 다음의 그림을..

https://levelup.gitconnected.com/better-logs-for-expressjs-using-winston-and-morgan-with-typescript-1c31c1ab9342 Better logs for ExpressJS using Winston and Morgan with Typescript A step-by-step guide on how to configure an ExpressJS application with Winston and Morgan loggers using Typescript levelup.gitconnected.com 참고한 글 원본 A great log system is one of the easiest ways to check your applicati..

Express 개괄 , const express = require("express"); 변수 express에 require라는 함수를 통해서 "express"라는 패키지를 불러와서 실행시키겠다. require = 패키지, 모듈을 가져오는 함수 const app = express(); // 변수 express를 함수처럼 사용하겠다. const port = 3000; // localhost:3000 express홈페이지를 가면 위와같이 사용하라고 나와있다. 위와 같은 과정을 통해 express( )가 서버 객체를 받아올 수 있는 것이고, 변수 app에 서버 객체가 담기는 것이다. express는 꼭 이렇게만 사용해야 한다(방법의 제약). const express = require("express"); con..