Unwound Developer

저번 Arcane 프로젝트는 너무 주먹구구 식으로 개발한거 같아 이번엔 소프트웨어 공학적으로 해보려고 합니다. - WBS WBS는 work-breakdown structure의 약자로, 업무 분업 구조 또는 작업 분류 체계 정도의 뜻을 가지고 있는 말입니다. 조금 더 쉽게 말해서, 팀의 작업을 관리 가능한 부분들로 분할 후 조직화한 구조도입니다. 다음은 별글 프로젝트의 WBS 입니다. 추후에 수정 될 수도 있지만, 우선 설계단계에서 확정된 WBS에요. 크게 사용자(클라이언트) 부분과 관리자(Admin)부분으로 나누었습니다. 로그인, 프로필 관련 메뉴, 글 작성 등 가장 큼직한 부분들로 먼저 기능을 분류하고, 해당 기능들의 하위 기능(세부 기능)들로 WBS를 채워나갔습니다. - WBS 작성한 WBS를 기반..

Node.js와 Riot Api를 사용해 League of Legends 온라인 게임의 전적 검색 사이트를 만들어봤었습니다. 프로젝트를 같이 진행하는 친구와 함께 다음 프로젝트 주제를 물색하던 중 현업에서 Node.js보다 자바 스프링을 훨씬 많이 쓰는 것 같아, 이번에는 스프링을 사용하는 프로젝트를 진행해보자고 결론이 났습니다. 그리고나서 프로젝트 주제로는 시,수필 등의 자작 글 공유 SNS로 정했습니다. 이유는.. 그냥 브레인스토밍을 하다보니 저렇게 결과가 나왔습니다. 프로젝트 이름인 별글은 순우리말로, '별처럼 아름답고 빛나는 글'이라는 뜻을 가지고 있습니다. 이외에도 '별의 별 글', '별별 글' 이라는 부수적인 의미도 포함하여 정했습니다. 흔히 작문이라..

회원가입과 로그인을 구현할 때 사용했던 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..