# dev log

44개의 포스트

📂 Spirng 초기설정

⚡ encoding 설정하기 📂 톰캣 설치

2020년 11월 17일
·
0개의 댓글
post-thumbnail

[4주차] Refactoring ( 중복 code 합치기 )

[Refactoring] 팀원이 작성한 코드중에 중복되는 부분을 발견했다. 옷 data 입력 시 12가지 type 을 선택할 수 있었다. 팀원은 type 을 선택할 때 호출되는 함수를 12개를 선언해 코드를 작성했다. 코드양이 많아지니 추가, 수정하기 힘들었다. 하

2020년 8월 17일
·
0개의 댓글
post-thumbnail

[Error] formData의 값을 console.log로 볼 수 없는 원인

WDMA의 드레스 정보에는 각 모델별로 1~3장의 사진이 포함된다. 따라서 새로운 드레스를 추가하거나 수정할 때, 1~3장의 사진을 서버에 업로드할 수 있어야 한다.로직은 Add Dress 페이지를 통해 새로운 드레스에 대한 모델명, 가격, 악세사리 정보, 소속 점포,

2020년 5월 28일
·
1개의 댓글
post-thumbnail

[Error] cookie httpOnly 옵션

클라이언트에서 유저가 로그인을 이해 아이디와 비밀번호를 입력하고 서버에 인증을 요청하게 된다. 그리고 서버에서는 요청으로 받은 body에서 아이디와 비밀번호를 취득하여 서버 데이터베이스에 있는 리소스와 비교과정을 거치고 올바른 요청일 경우, jwt 토큰을 발급하고 co

2020년 5월 26일
·
0개의 댓글
post-thumbnail

[Front-end] ESLint + Prettier 세팅하기

WDMA의 SPA를 만들기 앞서 프론트엔드 개발에 맞는 ESLINT-Prettier 세팅에 대해 간략히 정리하고자 한다.프론트엔드에선 리액트 컴포넌트나 리덕스의 상태관리 구조가 복잡하고 휴먼에러를 발생시킬 여지가 많다고 판단하여 airbnb 설정을 이용하여 다소 빡세게

2020년 5월 20일
·
0개의 댓글
post-thumbnail

[Back-end] Sequelize의 'cascade' 사용하기

WDMA에서는 하나의 드레스에 1~3장의 이미지가 속해 있는데 해당 드레스를 삭제하면 그 드레스에 속한 이미지도 같이 삭제가 되어야 한다.이를 위해, Sequelize의 onDelete: 'cascade' 라는 키워드를 이용하여 부모-자식 테이블 간의 연관 리소스를 삭

2020년 5월 5일
·
0개의 댓글
post-thumbnail

[Back-end] 랜덤 문자열을 이용하여 임시 비밀번호 생성하기

랜덤 문자열을 생성하는 방법을 알아보고자 한다.랜덤 문자열을 만드는 이유는 유저가 자신의 계정의 비밀번호가 기억나지 않을 때, 자신의 실제 사용되는 메일 계정으로 새로운 임시 비밀번호를 보내주기 위해서다.랜덤 문자열을 만드는 방법은 다양하다. 여기서는 간단하면서도 많이

2020년 5월 3일
·
0개의 댓글
post-thumbnail

[Back-end] Node.js에서 메일 전송하기 (feat. Nodemailer & Gmail)

WDMA를 이용하기 위해서는 직원이 사용하는 이메일을 인증하는 과정이 필요하며, 이메일이 인증된 계정에 한해 관리자 등록(계정 생성)이 가능하다.이에 따라, 사용하려는 이메일이 실제로 직원이 이용하는 실제 계정인지를 인증하기 위해 인증번호를 메일로 보내는 방식을 적용하

2020년 5월 1일
·
0개의 댓글
post-thumbnail

[Back-end] Sequelize로 migration 하기

WDMA 프로젝트는 그 동안 익힌 기술들을 다시 한 번 복습한다는 생각으로 시작한 프로젝트이다. 그래서 Stroll 프로젝트에서 사용하였던 ORM인 Sequelize를 다시 한 번 사용해 봄으로써 Sequelize의 장/단점을 확인해 보고 싶었다.Sequelize에 대

2020년 4월 28일
·
1개의 댓글
post-thumbnail

[Back-end] ESLint, Prettier 설정하기

본격적으로 개발을 진행하기에 앞서 그 동안 막연히 사용하였던 ESLint와 Prettier 함께 이용하는 개발환경 세팅을 백엔드와 프론트엔드로 나누어 다뤄 보고자 한다.ESLint는 JavaScript를 위한 정적 검사 Tool이다. 코드를 실행하기 전에 버그를 찾거나

2020년 4월 26일
·
0개의 댓글
post-thumbnail

Project Intro

https://www.notion.so/WDMA-Wedding-Dress-Management-Application-618a3b782f7b4770b35087b69551c2c9일본 웨딩 드레스 전문업체인 'ANJERI' 의 웨딩 드레스 관리 장부를 웹 애플리케이션

2020년 4월 20일
·
0개의 댓글
post-thumbnail

BillyZip 최종 결과물 소개

Billy Zip Billy Zip은 새로운 개념의 구독형 주거 서비스 제공하는 모바일 어플리케이션 프로젝트 입니다. 이사할 때마다 전세? 월세? 보증금? 계약은 어떻게...? 부동산 매물마다 너무 복잡하지 않으신가요? 🤬 Billy Zip을 이용하면 부동산 또

2020년 2월 26일
·
1개의 댓글

휴대폰 인증 로직 구현하기

이번 로그에서는 허위유저의 가입을 방지하기 위해 회원가입을 위한 절차 중 SMS를 이용한 휴대폰 인증 기능을 구현한 것에 대해 다뤄보고자 한다. 휴대폰 인증 개요 부동산 앱의 특성상 개인정보가 확인된 실 사용유저 중심으로 회원가입 절차를 구축하는 작업이 필요하였다. 이를 위해 보편적으로 사용되고 있는 SMS를 이용한 휴대폰 본인인증 확인 과정을 구현하도록...

2020년 2월 25일
·
2개의 댓글

JWT 인증 미들웨어 구축하기

JWT 인증 미들웨어 개요 JWT 토큰 인증이 필요한 라우터를 위해 JWT 인증을 해당 라우터의 컨트롤러에서 작성하는게 아닌 별도의 커스텀 미들웨어로 만들고 이를 필요한 라우터에 적용하도록 하였습니다. 미들웨어로 인증이 처리되기 때문에 클라이언트의 요청이 컨트롤러에서

2020년 2월 22일
·
0개의 댓글

Socket.io로 채팅기능 구현하기

먼저, 본 프로젝트에서는 채팅기능을 자유로운 의견공유가 가능한 공간이라는 의미로 포럼이라고 하였습니다. 부동산을 다루는 빌리집의 특성상 유저 to 유저, 유저 to 호스트간의 커뮤니케이션이 이루어질 수 있도록 하는 것은 중요한 포인트입니다. 그래서 Socket.io를

2020년 2월 21일
·
2개의 댓글
post-thumbnail

퀵 검색 로직 구현하기 2편

검색유형별 로직 설계 (pseudo code) 단어형 단어형은 ‘부산’, ‘원룸’, ‘루프탑’ 등 하나의 단어이기 때문에 따로 문장의 요소를 분류하는 과정을 거치지는 않습니다. 그래서 바로 모든 검색요소에 해당 단어가 포함되어 있는지를 확인하는 작업이 진행됩니다.

2020년 2월 19일
·
0개의 댓글
post-thumbnail

퀵 검색 로직 구현하기 1편

이번 로그에서는 유저가 집을 찾기 위해 임의의 검색문장으로 검색하였을 때, 유저의 검색 문장과 가장 어울리는 하우스 매물을 찾아 주는 로직을 구현한 방법에 대해 기록하고자 합니다. 문제의 배경 수 많은 부동산 매물 중 유저의 니즈를 반영한 검색결과를 제시하기 어려웠

2020년 2월 18일
·
0개의 댓글

지도검색 기능 구현하기: 클라이언트 편

이번 로그에서는 바로 전 로그에 이어 지도검색 기능에 대해 클라이언트 측면에서 기록하도록 하겠습니다. 클라이언트 고려사항 지도 검색을 위해서는 클라이언트에서 유저에게 시각적으로 쾌적하게 보여주는 것을 가장 중요하다고 생각하였습니다. 그러기 위해서는 검색창을 가장 위

2020년 2월 17일
·
0개의 댓글
post-thumbnail

지도검색 기능 구현하기: 서버 편

이번 로그에서는 필터링 기능에 이어 지도검색 기능 구현에 대해 말씀드리도록 하겠습니다. 바로 전 로그에서 말씀드린 필터링 기능은 매물의 여러 요소를 유저가 원하는 매물이 필터링될 수 있도록 직접 선택하는 방식이었습니다. 하지만 이것만으로는 유저가 매물의 위치 등에 대

2020년 2월 15일
·
0개의 댓글
post-thumbnail

하우스 필터링 기능 구현하기: 서버 편

이번 로그에서는 바로 전 로그에 이어 매물 필터링 기능 구현에 대해 다뤄보도록 하겠습니다. 전 로그에서는 클라이언트 측면에서 기능을 구현하는데 포커스가 있었다면 이번에는 서버에서 어떻게 클라이언트의 요청을 처리하게 되는지에 대해 말씀드리고자 합니다. 필터링 조건 설

2020년 2월 14일
·
0개의 댓글