{
+ const handleKeyDown = (event: KeyboardEvent) => {
+ const key = event.key;
+
+ // 숫자 키 (0-9)
+ if (/^[0-9]$/.test(key)) {
+ event.preventDefault();
+ handleNumber(key);
+ }
+ // 연산자 키
+ else if (key === '+' || key === '-' || key === '*' || key === '/') {
+ event.preventDefault();
+ handleOperation(key);
+ }
+ // 소수점
+ else if (key === '.') {
+ event.preventDefault();
+ handleDecimal();
+ }
+ // Enter 또는 = (계산)
+ else if (key === 'Enter' || key === '=') {
+ event.preventDefault();
+ handleEquals();
+ }
+ // Escape 또는 c (초기화)
+ else if (key === 'Escape' || key.toLowerCase() === 'c') {
+ event.preventDefault();
+ handleClear();
+ }
+ // Backspace (지우기)
+ else if (key === 'Backspace') {
+ event.preventDefault();
+ handleBackspace();
+ }
+ // % (퍼센트)
+ else if (key === '%') {
+ event.preventDefault();
+ handlePercent();
+ }
+ };
+
+ // 이벤트 리스너 등록
+ window.addEventListener('keydown', handleKeyDown);
+
+ // 클린업
+ return () => {
+ window.removeEventListener('keydown', handleKeyDown);
+ };
+ }, [display, previousValue, operation, waitingForOperand]);
+
return (
diff --git a/frontend/components/layout/AppLayout.tsx b/frontend/components/layout/AppLayout.tsx
index 3fee965f..b6e0139b 100644
--- a/frontend/components/layout/AppLayout.tsx
+++ b/frontend/components/layout/AppLayout.tsx
@@ -457,7 +457,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
{/* 가운데 컨텐츠 영역 - overflow 문제 해결 */}
- {children}
+ {children}
{/* 프로필 수정 모달 */}