평수 변환기 만들기
"84㎡면 몇 평이지?" 곱하기 하나로 끝날 것 같지만, 어떤 값을 곱할지, 곱할지 나눌지, 소수 몇 자리에서 자를지를 정해 줘야 해요.
바로 쓰기: 평 ↔ ㎡
계산 연습용이에요. 계약·거래에 쓰는 면적은 계약서·등기·건축물대장 같은 공식 자료가 기준이에요. 공급면적과 전용면적은 다르니 어떤 면적인지도 확인하세요.
1AI에게 세 줄로 요청하기
HTML 파일 하나로, 평수 변환기 페이지를 만들어줘. 평을 넣으면 제곱미터(㎡)가, 제곱미터를 넣으면 평이 바로 나오게 해줘. 인터넷 연결이나 설치 없이 파일 하나로 동작하게 해줘.
환산값(3.3? 3.3058?), 소수 자리, 지저분한 입력은 일부러 말하지 않았어요.
2연습장에서 실행하기
33평을 넣고 ㎡가 얼마로 나오는지 보세요. 자동 검사는 입력칸 두 개를 첫째 = 평, 둘째 = ㎡로 보고 양쪽 방향을 다 넣어 봐요.
3미션: 값은 내가 정하고, 방향은 크기로 검산
- 기본: 한쪽에 넣으면 다른 쪽이 바뀐다
33평을 넣으면 ㎡ 칸에 숫자가 나와야 해요.
- 환산값은 내가 정해서 알려 주기 ⭐
AI가 3.3으로 어림했을 수 있어요. "1평은 3.3058㎡로 계산해줘." 검산: 100평 → 330.58㎡ (3.3이면 330㎡).
- 곱할지 나눌지, 결과 크기로 검산 ⭐
평 → ㎡는 곱하기, ㎡ → 평은 나누기. 84㎡가 277평처럼 커지면 방향이 바뀐 거예요. 어림: 84 ÷ 3.3 ≈ 25평. 한쪽 칸을 지우면 다른 쪽도 비워지는지도 보세요.
- 입력이 지저분할 때
1,000,abc,-5. "쉼표와 단위 글자는 무시하고, 숫자가 아니면 안내 문구만 보여줘." - 소수점은 몇 자리까지?
"소수 둘째 자리에서 반올림해줘"라고 정해요. 자동 검사는 25평(정확히 82.645㎡)처럼 딱 가운데인 숫자를 넣어 손 반올림(82.65)과 같은지 봐요.
- 자유
자주 쓰는 면적 버튼, 아파트 평형 표(59·84·114㎡), 공급/전용 면적 메모, 결과 복사
안 될 때 확인할 것
| 증상 | 원인과 해결 |
|---|---|
| ㎡ 글자만 깨지거나 네모로 보인다 | UTF-8로 저장했는지 확인. 계속되면 "㎡ 대신 m2라고 보여줘" |
| 84㎡가 277평처럼 크다 / 25평이 7㎡대 | 방향이 바뀌었어요. "㎡를 평으로 바꿀 때는 3.3058로 나눠줘" |
| 33평이 108.9㎡ | 3.3으로 어림했어요. "1평은 3.3058㎡로 계산해줘" |
| 쉼표를 넣으면 NaN | "쉼표와 단위 글자는 무시해줘" |
| 0.01 단위가 손계산과 다르다 | 딱 가운데 숫자의 반올림 차이(실험 ③) |
| 미션을 요청했더니 원래 기능이 사라졌다 | "기존 기능은 그대로 두고, 전체 코드를 처음부터 끝까지 줘" |
실험 ①: 3.3으로 어림하면 얼마나 틀릴까
정확히는 1평 = 400/121㎡ = 3.3057851…㎡이고, 3.3058은 이 값을 반올림한 거예요. 1㎡는 정확히 0.3025평이에요. 이 브라우저가 계산한 값이에요.
실험 ②: 방향이 바뀌면 에러 없이 엉뚱한 숫자
실험 ③: 딱 가운데에서 0.01 어긋나요
컴퓨터는 소수를 이진수로 저장해서, 82.645 같은 "딱 가운데" 숫자가 안에서는 82.64499…처럼 조금 모자랄 수 있어요. 그래서 흔한 반올림 함수(toFixed)가 사람 손 반올림과 0.01 다르게 나오기도 해요.
실험 ④: 바꿨다 되돌리면 원래대로 돌아올까
㎡ → 평(소수 첫째 자리) → 다시 ㎡로 바꾸면 원래 숫자로 안 돌아오는 경우가 많아요. 반올림하면서 정보가 조금 사라지니까요.
블로그 원문: 극초보 바이브코딩 #19는 블로그에 곧 올라와요
이전 실습: #18 대출 이자 계산기 · 다음: #20 학점 계산기 · 전체 실습 목록
자주 묻는 질문
1평은 정확히 몇 ㎡인가요?
400/121㎡ = 약 3.3057851㎡예요. 보통 3.3058로 반올림해서 써요. 1㎡는 정확히 0.3025평이에요.
84㎡는 몇 평인가요?
84 ÷ 3.3058 ≈ 25.41평이에요. 공급면적인지 전용면적인지에 따라 부르는 평형이 다를 수 있어요.