위드 코로나 정책이 시작됨으로써, 여행에 대한 기대감이 높아지고 있습니다.
오랜만에 떠난 여행에서 예산 관리에 대한 걱정없이 즐길 수 있도록 여행지에서 유용하게 사용 할 수 있는 가계부 서비스를 기획했습니다.
여행지를 설정하면 현지 통화로 예산을 설정하고, 지출 내역 등록 및 총 지출 내역과 남은 예산을 보여줍니다.
실시간 환율 계산 기능과 주요 여행지 환율도 함께 제공합니다.
2021.10.30 - 2021.11.05
이름 | 설명 |
---|---|
박바름 | 회원가입(실시간 form validation, id 중복 체크), 로그인 / 로그아웃 (JWT 활용) 페이지 구현 |
이정훈 | 웹팩 설정, 지출 추가 기능, 카테고리 별 필터링 및 인피니트 스크롤을 이용해 지출 내역 조회 |
이효원 | 여행리스트 페이지, 여행 추가 기능(실시간 form validation), 원화 입력 시 여행지에 따른 환율 계산 결과 제공 |
박태준 | 나라 이름 검색 자동 완성 기능, 환율 API를 이용한 환율 계산기, 주요 여행지 실시간 환율 제공 |
- HTML
- Sass
- Javascript
- Node.js
- Express
회원가입 | 로그인 | 로그아웃 |
---|---|---|
국가자동완성 및 환율계산 | 실시간 환율 |
---|---|
여행추가모달 | 유효성검사 | 여행추가 | 여행목록 |
---|---|---|---|
여행 기간에 따라 진행중인 여행, 다가올 여행, 지난 여행을 구분하여 화면을 개발했습니다.
디바운스 처리를 통해 사용자의 입력이 끝나면 환율 api 요청을 보냅니다
지출추가 | 카테고리필터링 | 지출목록 |
---|---|---|
박바름 | 박태준 | 이정훈 | 이효원 |
---|---|---|---|
@congaweb | @joker77z | @jhyj0521 | @hhhyyo |