계산기 Spec
화면 경로 /mainPages/calculator · 작성일 2026-10-12
계산기 화면의 기능을 정리한 원본 문서입니다. 서버·DB를 쓰지 않고 기기 안에서만 계산합니다.
A1. 업무 흐름
다른 화면과 이어지는 업무 흐름이 없는 단독 도구입니다. 식을 입력하면 바로 결과를 보여줍니다.
- 사용자식 입력키패드 · 함수 버튼
- 사용자결과 확인디스플레이
| 사용 지점 | 사용 주체 | 목적 |
|---|
| 대화나 업무 중 간단한 계산이 필요할 때 | 로그인 사용자 | 앱을 벗어나지 않고 바로 계산 |
A2. 화면 Meta data
| 항목 | 내용 |
|---|
| 화면명 | 계산기 |
| 화면 경로 | /mainPages/calculator |
| 메뉴 키 | calculator (서비스 메뉴, 홈 카드 표시) |
| 화면 목적 | 사칙연산·괄호·퍼센트와 공학 함수를 계산한다 |
| 프로그램 | pages/mainPages/calculator.js, components/core/client/contents/calculatorContent.js |
| API · 테이블 | 없음 (기기 안에서 계산) |
| 도움말 파일 | public/help/calculator-help.html, calculator-spec.html |
A3. 화면 구성 상세
| 영역 | 영역명 | 사용자가 하는 일 | 화면 동작 |
|---|
| ① | 테마 선택 | 계산기 테마를 고름 | 버튼·디스플레이 색상과 키 소리가 바뀜, 이 기기에 기억 |
| ② | 디스플레이 | 입력한 식과 결과 확인 | 큰 글씨로 식과 결과 표시 |
| ③ | 기본 키패드 | 숫자·사칙연산·괄호·퍼센트 입력 | 입체 버튼, 누를 때 테마별 타건음 |
| ④ | 공학 함수 | √, x², log, ln, sin, cos, tan, n! 적용 | 현재 값에 함수를 바로 적용 |
A4. 조회 조건
조회 조건은 없습니다.
테마 값
| 값 | 설명 |
|---|
| 설정 테마 따름 | 앱의 컬러 테마와 라이트/다크 설정에 맞춰 색상을 정함 |
| Carbon 외 10종 | Carbon, Retro Terminal, Amber Display, Midnight, Sakura, Walnut, Neon Cyber, Chalk Board, Honey Gold, Ocean Breeze — 테마마다 색상과 키 소리가 다름 |
A5. 항목 정의
| 항목 | 의미 | 형식 | 저장 위치 |
|---|
| 식 | 입력 중인 계산식 | 숫자·연산자·괄호 | 화면 안 (저장 안 함) |
| 결과 | 계산 결과 | 숫자 | 화면 안 (저장 안 함) |
| 선택한 테마 | 마지막으로 고른 테마 | 테마 ID | 이 기기 브라우저 저장소 (calc_theme) |
A6. 버튼 동작
| 버튼 | 동작 |
|---|
| 숫자 · 00 · 소수점 | 식에 입력 |
| + − × ÷ · ( ) | 연산자 입력, ( ) 는 괄호 입력 |
| % | 현재 값을 100으로 나눔 |
| = | 식을 계산해 결과 표시 |
| C · ⌫ | 전체 지우기 · 한 글자 지우기 |
| √ x² log ln sin cos tan n! | 현재 값에 함수 적용 |
| 테마 | 테마 변경 후 이 기기에 기억 |
A7. 권한
로그인한 모든 사용자가 같은 기능을 씁니다. 역할별 차이는 없습니다.
A8. 상태 변화
저장되는 데이터가 없어 상태 변화가 없습니다.
A9. 데이터 연계
서버로 보내거나 다른 화면에 영향을 주는 데이터가 없습니다. 테마 선택만 이 기기에 남습니다.
개정 이력
| 버전 | 수정일 | 수정 내용 |
|---|
| 1.0 | 2026-10-12 | 최초 작성 |