HTML, CSS, JS 기반의 다기능 공학용 웹 계산기 프론트엔드를 한 번에 구현할 때 사용합니다.
Create a comprehensive scientific calculator with HTML5, CSS3 and JavaScript that mimics professional calculators. Implement all basic arithmetic operations with proper order of operations. Include advanced scientific functions (trigonometric, logarithmic, exponential, statistical) with degree/radian toggle. Add memory operations (M+, M-, MR, MC) with visual indicators. Maintain a scrollable calculation history log that can be cleared or saved. Implement full keyboard support with appropriate key mappings and shortcuts. Add robust error handling for division by zero, invalid operations, and overflow conditions with helpful error messages. Create a responsive design that transforms between standard and scientific layouts based on screen size or orientation. Include multiple theme options (classic, modern, high contrast). Add optional sound feedback for button presses with volume control. Implement copy/paste functionality for results and expressions.
HTML5, CSS3, JavaScript를 사용하여 전문 계산기를 벤치마킹한 종합 공학용 계산기를 만드세요. 올바른 연산 순서를 적용하여 모든 기본 사칙연산을 구현하세요. 도/라디안 전환 기능이 포함된 고급 공학용 기능(삼각함수, 로그, 지수, 통계)을 포함하세요. 시각적 표시기가 있는 메모리 연산(M+, M-, MR, MC)을 추가하세요. 지우거나 저장할 수 있는 스크롤 가능한 계산 기록 로그를 유지하세요. 적절한 키 매핑 및 단축키가 포함된 전체 키보드 지정을 구현하세요. 0으로 나누기, 잘못된 연산, 오버플로 조건에 대해 유용한 오류 메시지와 함께 강력한 오류 처리를 추가하세요. 화면 크기나 방향에 따라 표준 레이아웃과 공학용 레이아웃 간에 전환되는 반응형 디자인을 만드세요. 여러 테마 옵션(클래식, 모던, 고대비)을 포함하세요. 볼륨 조절이 가능한 버튼 누름에 대한 선택적 사운드 피드백을 추가하세요. 결과 및 수식에 대한 복사/붙여넣기 기능을 구현하세요.
출처 · prompts.chat · Scientific Calculator — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
실제 전문 공학용 계산기(TPI-991EX)의 연산 로직과 인터페이스를 충실히 재현한 웹 기반 웹 앱입니다. 기본 사칙연산과 삼각·로그·지수·통계 기능, 메모리(M+/M-/MR/MC) 관리, 각도 단위(DEG/RAD) 전환, 연산 이력 내역 관리, Web Audio 기반 키패드 사운드 및 복사/붙여넣기, 다채로운 테마와 반응형 레이아웃을 제공합니다.
Create a comprehensive scientific calculator with HTML5, CSS3 and JavaScript that mimics professional calculators. Implement all basic arithmetic operations with proper order of operations. Include advanced scientific functions (trigonometric, logarithmic, exponential, statistical) with degree/radian toggle. Add memory operations (M+, M-, MR, MC) with visual indicators. Maintain a scrollable calculation history log that can be cleared or saved. Implement full keyboard support with appropriate key mappings and shortcuts. Add robust error handling for division by zero, invalid operations, and overflow conditions with helpful error messages. Create a responsive design that transforms between standard and scientific layouts based on screen size or orientation. Include multiple theme options (classic, modern, high contrast). Add optional sound feedback for button presses with volume control. Implement copy/paste functionality for results and expressions. (제품 이름: TPI 공학용 계산기)
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Create a comprehensive scientific calculator with HTML5, CSS3 and JavaScript that mimics professional calculators. Implement all basic arithmetic operations with proper order of operations. Include advanced scientific functions (trigonometric, logarithmic, exponential, statistical) with degree/radian toggle. Add memory operations (M+, M-, MR, MC) with visual indicators. Maintain a scrollable calculation history log that can be cleared or saved. Implement full keyboard support with appropriate key mappings and shortcuts. Add robust error handling for division by zero, invalid operations, and overflow conditions with helpful error messages. Create a responsive design that transforms between standard and scientific layouts based on screen size or orientation. Include multiple theme options (classic, modern, high contrast). Add optional sound feedback for button presses with volume control. Implement copy/paste functionality for results and expressions. (제품 이름: mopick 공학용 계산기)
실제 전문 공학용 계산기(MOPICK-991EX)의 연산 로직과 인터페이스를 충실히 재현한 웹 기반 웹 앱입니다. 기본 사칙연산과 삼각·로그·지수·통계 기능, 메모리(M+/M-/MR/MC) 관리, 각도 단위(DEG/RAD) 전환, 연산 이력 내역 관리, Web Audio 기반 키패드 사운드 및 복사/붙여넣기, 다채로운 테마와 반응형 레이아웃을 제공합니다.
mopick 개선안
원문을 그대로 넣으면 AI 가 매번 다르게 답하거나 중요한 부분을 빠뜨릴 수 있습니다. 개선안은 원문의 뜻과 언어는 그대로 두고 역할 · 바꿔 넣을 입력 칸 · 결과 형식 · 지킬 조건을 보완해 다시 쓴 버전입니다. 원문과 같은 곳(ChatGPT · Claude 등)에 그대로 붙여 넣어 쓰면 됩니다.
AI 평가 점수 — 명확성 · 구체성 · 결과 형식 · 재사용성 기준(100점)
AI 역할레슨 01 배우기 ›
원문 · 없음AI 에게 맡길 역할이 정해져 있지 않아 답의 관점 · 수준이 그때그때 달라질 수 있었습니다.
개선 · 역할을 정함Act as an expert Senior Front-End Developer. Build a fully functional, production-ready sc
입력 칸레슨 05 배우기 ›
원문 · 없음바꿔 넣을 자리가 표시돼 있지 않아 쓸 때마다 원문을 직접 고쳐야 했습니다.
개선 · 1개[index.html]
이 개선안에 쓰인 기법 — 프롬프트 클래스에서 배우기
원문
Create a comprehensive scientific calculator with HTML5, CSS3 and JavaScript that mimics professional calculators. Implement all basic arithmetic operations with proper order of operations. Include advanced scientific functions (trigonometric, logarithmic, exponential, statistical) with degree/radian toggle. Add memory operations (M+, M-, MR, MC) with visual indicators. Maintain a scrollable calculation history log that can be cleared or saved. Implement full keyboard support with appropriate key mappings and shortcuts. Add robust error handling for division by zero, invalid operations, and overflow conditions with helpful error messages. Create a responsive design that transforms between standard and scientific layouts based on screen size or orientation. Include multiple theme options (classic, modern, high contrast). Add optional sound feedback for button presses with volume control. Implement copy/paste functionality for results and expressions.
개선안 · 색칠한 [칸]에 내 내용을 넣어 쓰세요
Act as an expert Senior Front-End Developer. Build a fully functional, production-ready scientific calculator using vanilla HTML5, CSS3, and JavaScript in a single standard web page layout. ### Requirements: - **Math Engine:** Basic arithmetic with correct operator precedence, advanced scientific functions (trigonometric, logarithmic, exponential, statistical), Degree/Radian toggle, and memory operations (M+, M-, MR, MC) with visual indicators. - **UI/UX & Features:** Responsive layout (Standard vs. Scientific), 3 UI themes (Classic, Modern, High-Contrast), scrollable/clearable history log, expression copy/paste support, and audio feedback with volume control. - **Accessibility & Edge Cases:** Full keyboard shortcuts, explicit error handling for division by zero and overflow conditions with user-friendly alerts. ### Output Format & Constraints: - Provide complete, self-contained code inside `[index.html]` (HTML with embedded CSS and JS). - Do not use external libraries or frameworks; rely strictly on standard Web APIs. Ensure clean, modular JavaScript code structure.