이 링크를 클릭하시면 티끌 모아 태산의 시연 영상을 시청하실 수 있습니다.
✅ 프로젝트 한줄 소개
2030 재테크 병아리들을 위한 돈 모으기 습관 형성 서비스 입니다.
✅ 기획 의도
재테크 관심도가 높아지고 있는 2030 세대들을 위해 작은 금액부터 목표를 세우고 관리하는 저축 습관 형성 서비스를 제공하고자 했습니다.
✅ 진행 기간
| 총기간 | 2022.12.30 - 2023.02.09 |
|---|---|
| 배포일 | 2022.02.03 |
| 서비스 개선 | 2022.02.09 ~ 백엔드 개선 진행중 김수완 |
✅ BACKEND 구성원
| 포지션 | 이름 | 담당 | github |
|---|---|---|---|
| BE🔰 | 류제승 | 구글 로그인, 계좌 조회, 계좌 생성, 계좌 삭제, 특정 계좌 정보 조회, 유저 프로필 보기 및 수정, 뱃지 획득 로직, 계좌 잔액 조회, 특정 은행 조회, 전체 은행 조회, 목표완료/탈퇴/실패시 계좌 상태 업데이트 로직 구현 | https://github.com/crystalyst |
| BE | 김수완 | 네이버 로그인, 핀코드 발급/수정, 액세스 토큰 재발급, 로그아웃, 회원 탈퇴, 유저의 목표 리스트, 보유 뱃지 보기, 뱃지 획득 로직, 계좌 잔액 수정, 목표 생성, 수정, 삭제, 참가, 탈퇴, 전체 목표 보기, 상세 보기, 목표 검색, 임박 목표 불러오기, 신고하기 | https://github.com/Grimdal032 |
| BE | 김주향 | 카카오 로그인 | https://github.com/joohyang0612 |
Back-End
Tools
| 사용 기술 | 기술 설명 |
|---|---|
| Nest.JS | MVC 구조를 강제하는 프레임워크이기 때문에, Express로 3-layer architecture를 수동으로 구현하는 것보다 더 효율적이고, 서로의 코드를 이해하는 것이 더 수월하다고 판단. |
| MySQL | 오픈 소스 대비 빠른 처리 속도, 표준 SQL 형식을 사용, 안정적이며 기능 개발 및 오류 발생시 많은 기업들이 사용하여 자료가 풍부함. |
| TypeORM | TypeScript와의 호환성이 높아 코드의 가독성이 좋아지고 유지보수가 쉬워짐. 쿼리 빌더 사용으로 복잡한 쿼리를 간단하게 작성 가능 |
| Passport | 카카오, 구글, 네이버 각각의 인증기관의 각자 다른 인증 방법, 구현 방법의 복잡성을 어느정도 통일화 시킬 수 있다는 장점. |
| JWT | 서버의 부하를 줄일 수 있고 보안성이 뛰어나며 클라이언트 측에서 발급되는 토큰을 사용하여 인증 요청을 간단하게 처리할 수 있음. |
| Cron | CRON 모듈식 표현으로 스케쥴링 구현이 쉽고 유지보수하기 좋은 코드 작성 |
✔️ 다대다 관계 해소
- 어떤 문제인가?
- 유저, 목표, 계좌 간 테이블이 A:B, B:C, A:C 라는 다대다 관계를 형성
- 어떻게 해결했는가?
- 유저, 목표, 계좌 테이블 사이에 UserGoals라는 중간테이블을 생성하여 중간 테이블에서 관리함.
✔️ Table Constraints Issue
- 어떤 문제인가?
- ERD를 구축하는 과정에서 다대다 관계를 표현하기 위해 Associate Entity를 생성하였고, 실제 모델을 구축할 때에도 ERD를 반영하여 Foreign Key 제약조건이 들어간 Associate Table을 구축
- 이러한 디자인 초이스로 인해 User 테이블이나 Account 테이블에서 데이터 삭제가 불가능한 문제점 발견
- 원인 파악
- Associate Table에서 Foreign Key로 참조하고 있는 개별 테이블의 Primary Key가 삭제될 수 없기 때문
- 어떻게 해결했는가?
- 유저 탈퇴, 계좌 삭제 등의 로직을 실제로 데이터를 삭제하지는 않되 (참조되는 key값은 그대로 보존) key값 이외의 다른 값들을 null 혹은 유효하지 않은 데이터로 나타내는 방식으로 구현
✔️ Dto Data Validation & Data Type Transform
- 어떤 문제인가?
- 작업 중 Body 값으로 Dto에 정의되지 않은 필드가 들어가더라도 정상적으로 API 로직이 실행되는 문제를 발견
- 또한, userId, accountId 등의 데이터를 파라미터로 받을 때, 아무리 데이터 타입을 number로 지정해주더라도 데이터가 string으로 들어오는 문제를 발견
- 원인 파악
- Dto 자체는 정의되지 않은 다른 필드 (Dto 외)가 Body값으로 전달되더라도 따로 걸러내는 기능을 하지 않는다는 점을 파악
- 파라미터값을 string으로 받는 것이 default 설정이라는 점도 파악
- 어떻게 해결했는가?
- Nest.js 프로젝트 디렉토리의 최상단에 위치한 main.ts에 ValidationPipe를 적용하여 이 두가지 문제를 해결할 수 있다는 것을 알아냄
- ValidationPipe들이 제공하는 옵션들 중 whitelist/forbidNonWhitelisted를 true로 적용한 이후, Dto에 명시되지 않은 데이터 타입이 Body에 넘겨졌을 시 API 호출 과정에서 Exception을 띄우고 해당 필드가 허용되지 않은 필드라고 명시해주는 것을 확인
- transform 옵션을 사용함으로써 controller와 service에서 id값을 param으로부터 number로 받을 수 있었습니다. 즉, 하나하나 Type Conversion을 해줄 필요가 없어진 것
📭 전략:
- 개발자들이 많은 만큼, UI/UX 측면의 피드백과 기술적인 피드백을 받을 수 있었습니다.
- 기프티콘을 통해 설문조사 참여에 동기를 부여하여 다양한 유저 피드백을 받기 위해 투자
📺 홍보 자료:
📭 피드백: 목표 이름이나 설명에 불건전한 단어가 있어 보기 불편함. 추가 조치할 수 있으면 좋겠다.
🧰 개선 결과: 목표 상세보기 - 더보기에서 신고가 가능하고 신고가 접수되면 Slack으로 알람이 가게끔 구현함.
