구독형 거주 서비스 BillyZip

프로젝트 소개 BillyZip은 새로운 개념의 구독형 주거 서비스입니다. 🤗 이사할 때 마다 전세? 월세? 보증금? 계약은 어떻게...? 부동산 매물마다 너무 복잡하지 않으신가요? 🤬 BillyZi

About BillyZip은 새로운 개념의 구독형 주거 서비스입니다. 🤗 이사할 때 마다 전세? 월세? 보증금? 계약은 어떻게...? 부동산 매물마다 너무 복잡하지 않으신가요? 🤬 BillyZip을 이용하면 부동산 또는 집 주인과의 번거롭고 복잡한 계약관계 없이 살

이번 프로젝트에서는 자바스크립트가 아닌, 자바스크립트의 Superset인 타입스크립트를 이용하여 개발을 해보기로 하였다. 프로젝트를 본격적으로 시작하기에 앞서 타입스크립트의 기초적인 개념과 문법 등을 공부하고자 한다. TypeScript의 개요 TypeScript(

이번 BillyZip 프로젝트에서는 Stroll에서 사용하였던 스택들은 물론, 조금 더 다양한 스택들을 활용해보고자 하였다. 따라서 Stroll에서 사용하였던 ORM인 Sequelize 대신에 타입스크립트와 더 잘 맞고 Active Record 패턴을 지원하는 type

이번 프로젝트는 앞서 SR에서 사용하기로 결정한 TypeScript, Express, TypeORM으로 서버를 세팅하였다. 특히 TypeScript와 TypeORM은 처음 써보는 스택이었기 때문에 Express 서버에 적용하는데 있어서 시행착오가 많았다.이번 로그에서는

이번 로그에서는 바로 앞의 TypeScript와 Express를 사용하여 서버를 구축하는 것에 이어 TypeORM으로 mySQL에 테이블을 만들고 데이터베이스에 연결하는 작업에 대해 기록하고자 한다. > TypeORM은 Sequelize와 같은 ORM의 한 종류이다.

이번 로그는 TypeORM을 이용하여 데이터베이스 테이블 간의 관계설정과 Join 하는 방법에 대해 기록하고자 한다. TypeORM에서는 시퀄라이즈와 같이 Entity를 정의하면서 다른 Entitiy와 관계를 설정할 수 있는 방법을 지원하고 있다.시퀄라이즈와 다소 차

이번 로그에서는 TypeORM을 이용하여 Join하는 방법에 대해 기록하고자 한다. TypeORM에서는 Query Builer라고 하는 쿼리 검색을 도와주는 강력한 헬퍼기능이 있다. 이 Query Builder를 이용하여 Left, Inner 조인이 가능하며 여러 W

오늘 로그는 Multer와 AWS S3를 이용하여 클라이언트로 부터 받은 이미지를 AWS S3 서버에 업로드하는 방법에 대해 작성해 보고자 한다. 이전 2주 프로젝트인 Stroll에서도 Multer를 이용하여 이미지 업로드 기능을 구현하였다. 하지만 서버 로컬스토리지

오늘 로그에서는 Twilio 모듈을 이용하여 서버에서 SMS를 보내는 방법에 대해 기록하도록 하겠습니다. Twilio란? Twilio는 Programmable SMS, Programmable Audio, Authy 등의 다양한 문자, 전화, 인증과 관련된 기능을 Ja

이번 로그는 React Navigation에 대해 다뤄보고자 한다. React Navigation이란? 먼저, React Navigation이란 React-native 애플리케이션의 네비게이션과 히스토리를 간단하게 관리할 수 있는 라이브러리다. 작년 2019년의 R

이번 로그는 Stack Navigation의 개념을 알아보고 이를 이용하여 애플리케이션의 스크린을 이동시키는 방법에 대해 공식문서의 예제와 함께 다뤄보도록 하겠습니다. 시작하기에 앞서 자세한 내용에 대해서는 아래의 공식문서를 확인해주세요. ( 참고: https://r

이번 로그에서는 TypeORM으로 BillyZip 프로젝트의 매물 필터링 기능을 구현하는 방법에 대해 다뤄보고자 합니다. 필터링 기능 개요 BillyZip 프로젝트에서는 다양한 유형의 매물(집)이 존재하기에 서비스를 이용하는 유저가 수 많은 매물들을 하나하나 확인하는

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

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

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

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

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

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

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

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

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