Unwound Developer

이전에 MVC패턴에 대해 찾아봤을 때, View의 역할을 이해하기가 어렵다고 했었습니다. 그리고, 이번에 스프링부트의 작동 과정을 살펴보려 이거저거 만져보는 과정 중에.. MVC패턴에 대해서 확실히 알아야 스프링 서버의 작동 원리를 알 수 있을 것 같더라구요. 그래서 MVC패턴을 더 찾아보았습니다. 지금 생각해보니 Node.js와 React로만 개발을 해봤고, 프론트와 백을 완전히 분리시켜서 진행했었기 떄문에, 어쩌면 MVC패턴을 의아하게 생각했을 수 있겠다고 생각이 들었습니다. 여기서 서버에서 View를 만들어 클라이언트의 브라우저로 보내준다는게 잘 이해가 안 되었습니다. 클라이언트의 브라우저에는 프론트(React로 제작했던 클라이언트의 View)가 따로 주어지고, 클라이언트단에서 서버로 무언가 요청,..

회원가입과 로그인을 구현할 때 사용했던 Bcrypt와 JsonWebToken(이하 jwt)를 살펴보겠습니다. 우선, 보안상의 이유로 사용자의 비밀번호를 그대로 데이터베이스에 저장하는 것은 좋지않습니다. Bcrypt 라이브러리를 통해 비밀번호를 암호화할 수 있습니다. Bcrypt에 대한 정의는 다음과 같습니다. bcypt는 블로피시 암호에 기반을 둔 암호화 해시 함수로서 Niels Provos와 David Mazières가 설계하였으며 1999년 USENIX에서 발표되었다. 해시 함수에 대해 먼저 알아봐야겠습니다. 해시함수는 임의의 길이를 갖는 데이터에 대해 고정된 길이의 데이터로 매핑하는 함수를 말합니다. 어떠한 데이터를 집어넣든지 같은 길이의 결과를 내놓는다는 뜻입니다. 해시함수에서 사용되는 용어는 키..

Arcane프로젝트 - netlify.toml 프로젝트 배포시에 서버는 AWS, 클라이언트는 netlify를 통해 배포했는데, 어려울 것만 같던 AWS배포는 오히려 생각보다 간단했고, 간단할 줄 알았던 netlify배포가 엄청나게 애를 먹였습니다. 원인은 proxy에 있었습니다. 기존에 localhost 에서 작업할 땐, cors오류를 해결하기 위해 proxy-middle-ware를 통해 // setupproxy.js const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = (app) => { app.use( "/api/summoners", createProxyMiddleware({ //도메인 api로 호출 t..

MongoDB 개요 몽고DB는 크로스 플랫폼 도큐먼트 지향 데이터베이스 시스템이다. NoSQL 데이터베이스로 분류되는 몽고DB는 JSON과 같은 동적 스키마형 도큐먼트들을 선호함에 따라 전통적인 테이블 기반 관계형 데이터베이스 구조의 사용을 삼간다. 크로스 플랫폼 몽고DB의 정의인데 말이 좀 어려워서 정확하게 무슨 뜻일까 찾아봤습니다. 우선 크로스 플랫폼은 컴퓨터 프로그램, 운영 체제, 컴퓨터 언어, 프로그래밍 언어, 컴퓨터 소프트웨어 등이 여러 종류의 컴퓨터 플랫폼에서 동작할 수 있다는 것을 뜻합니다. 아마 이렇게 다양한 언어와 운영체제에서 작동하기 때문에 크로스 플랫폼 시스템이라고 하는 것 같아요. 관계형 데이터베이스와 도큐먼트 데이터베이스 도큐먼트 지향 데이터베이스는 관계형 데이터베이스(RDBMS)..