Unwound Developer

먼저 React Hook에 대해 정리하겠습니다. CustomHook에 대해서만 궁금하다면 아래로 가주세요.Hook은 React를 개발하다 보면 자주들을 수 있는 단어입니다.처음에는 공식문서등의 Hook에 대한 설명이 와닿지 않아, 정확한 개념은 알지 못하고 넘어가기 일쑤였는데요..최근에 회사에서 프론트엔드 개발을 맡게 되어, 개념적인 부분을 보다 확실하게 알고 넘어가고자하여 알아보게되었습니다.## React Hook과 그 등장 배경React Hook은 함수형 컴포넌트에서도 상태 관리 및 생명주기 관련 기능을 사용할 수 있도록 React 16.8에서 도입된 새로운 API입니다. 기존에는 클래스형 컴포넌트에서만 사용할 수 있었던 상태 관리 기능을 함수형 컴포넌트에서도 활용할 수 있게 되었습니다.Hook의 주..

저번 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에서 발표되었다. 해시 함수에 대해 먼저 알아봐야겠습니다. 해시함수는 임의의 길이를 갖는 데이터에 대해 고정된 길이의 데이터로 매핑하는 함수를 말합니다. 어떠한 데이터를 집어넣든지 같은 길이의 결과를 내놓는다는 뜻입니다. 해시함수에서 사용되는 용어는 키..