극초보 바이브코딩 #19 · HTML 파일 하나

평수 변환기 만들기

"84㎡면 몇 평이지?" 곱하기 하나로 끝날 것 같지만, 어떤 값을 곱할지, 곱할지 나눌지, 소수 몇 자리에서 자를지를 정해 줘야 해요.

바로 쓰기: 평 ↔ ㎡

계산 연습용이에요. 계약·거래에 쓰는 면적은 계약서·등기·건축물대장 같은 공식 자료가 기준이에요. 공급면적과 전용면적은 다르니 어떤 면적인지도 확인하세요.

1AI에게 세 줄로 요청하기

평면도를 보며 이게 몇 평인지 몰라 당황하던 사람이, 노트북 변환기로 바로 바꿔 보고 웃는 그림
HTML 파일 하나로, 평수 변환기 페이지를 만들어줘.
평을 넣으면 제곱미터(㎡)가, 제곱미터를 넣으면 평이 바로 나오게 해줘.
인터넷 연결이나 설치 없이 파일 하나로 동작하게 해줘.

환산값(3.3? 3.3058?), 소수 자리, 지저분한 입력은 일부러 말하지 않았어요.

2연습장에서 실행하기

33평을 넣고 ㎡가 얼마로 나오는지 보세요. 자동 검사는 입력칸 두 개를 첫째 = 평, 둘째 = ㎡로 보고 양쪽 방향을 다 넣어 봐요.

3미션: 값은 내가 정하고, 방향은 크기로 검산

  1. 기본: 한쪽에 넣으면 다른 쪽이 바뀐다

    33평을 넣으면 ㎡ 칸에 숫자가 나와야 해요.

  2. 환산값은 내가 정해서 알려 주기 ⭐

    AI가 3.3으로 어림했을 수 있어요. "1평은 3.3058㎡로 계산해줘." 검산: 100평 → 330.58㎡ (3.3이면 330㎡).

  3. 곱할지 나눌지, 결과 크기로 검산 ⭐

    평 → ㎡는 곱하기, ㎡ → 평은 나누기. 84㎡가 277평처럼 커지면 방향이 바뀐 거예요. 어림: 84 ÷ 3.3 ≈ 25평. 한쪽 칸을 지우면 다른 쪽도 비워지는지도 보세요.

  4. 입력이 지저분할 때

    1,000, abc, -5. "쉼표와 단위 글자는 무시하고, 숫자가 아니면 안내 문구만 보여줘."

  5. 소수점은 몇 자리까지?

    "소수 둘째 자리에서 반올림해줘"라고 정해요. 자동 검사는 25평(정확히 82.645㎡)처럼 딱 가운데인 숫자를 넣어 손 반올림(82.65)과 같은지 봐요.

  6. 자유

    자주 쓰는 면적 버튼, 아파트 평형 표(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평은 큰 칸 하나이고 제곱미터로는 작은 칸 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평이에요. 공급면적인지 전용면적인지에 따라 부르는 평형이 다를 수 있어요.