목적과 필요했던 점
일상에서 필요한 계산을 복잡한 설명이나 별도 설치 없이 사용할 수 있도록 계산기 웹 서비스를 구성했습니다. 사용자가 필요한 도구를 찾고, 값을 입력한 뒤 결과와 계산 기준을 함께 확인하는 흐름을 설계했습니다.
- 날짜·나이·금액 등 계산 목적에 맞춰 도구 분류하기
- 입력값과 결과를 같은 화면에서 확인하도록 구성하기
- 계산 기준과 사용 방법을 함께 안내하기
설계와 구현
필요한 계산을 먼저 찾도록
계산기를 목적별로 분류하고 전체 계산기 목록과 검색을 연결했습니다. 메인에서는 날짜 계산을 바로 사용할 수 있도록 배치했습니다.
입력과 결과를 가까이
기준일, 일수, 전·후 방향과 빠른 선택 버튼을 구성하고 입력에 따라 계산 결과를 표시했습니다. 결과를 복사할 수 있도록 연결했습니다.
화면과 기능을 함께 구현
Next.js 기반으로 계산기별 페이지와 입력·결과 화면을 구현했습니다. 계산 기준과 안내를 함께 배치하고 PC와 모바일의 화면 구성을 정리했습니다.
완성된 서비스
날짜·나이·금액 등의 계산 도구를 웹에서 사용할 수 있도록 구현했습니다. 사용자는 필요한 계산기를 선택하고 입력값에 따른 결과와 사용 기준을 확인할 수 있습니다.
서비스 보기