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