평면도 그리기

무료 평면도 그리기: 벽을 그리고 문·창문·가구를 배치하면 치수와 면적(㎡·평)을 자동 계산, 3D로 확인하고 공유 링크로 보낼 수 있어요. 가입 없이, 업로드 없이.

  • 평수 자동 계산
  • 문·가구 배치
  • 3D로 집 안 걷기
  • 링크로 공유

평면도는 이 브라우저(localStorage)에 자동 저장되며 업로드되지 않아요. 기기를 바꾸거나 인터넷 사용 기록을 지우기 전에 ‘JSON 내보내기’로 백업하세요.

🔒 모든 계산은 브라우저 안에서 이뤄지며 데이터는 어떤 서버에도 업로드되지 않아요.

이럴 때 쓰면 좋아요

  • 집 보기·매매: 평면도나 실측 치수를 바탕으로 도면을 그려 평수를 확인하고 가구가 들어가는지 살펴봐요.
  • 인테리어·이사 계획: 도면에 침대, 소파, 수납장을 놓아 보며 배치를 바꿔 보고, 어떤 크기를 살지 정해요.
  • 디자이너·가족과 소통: ‘공유 링크 복사’로 보내면 상대가 같은 도면과 3D를 바로 열어 볼 수 있어요.
  • 원룸·셰어하우스 임대: 방 구조와 크기를 그려 ‘PNG 내보내기’로 저장한 뒤 매물 게시글에 올려요.

사용 방법

  1. ‘직사각형 방’으로 드래그해 방을 만들거나 ‘벽 그리기’로 점을 차례로 클릭해요. 그리는 중에 길이(cm)를 입력하고 Enter를 눌러도 돼요. 벽이 한 바퀴 이어지면 오른쪽 패널에 면적과 평수가 자동으로 표시돼요.
  2. 왼쪽 부품 목록에서 문이나 창문을 고른 뒤 벽을 클릭하면 배치돼요. 가구는 클릭하면 화면 가운데에 놓이며, 선택 후 드래그로 이동, 모서리로 크기 조절, 동그란 핸들로 회전해요. 오른쪽 패널에서 정확한 숫자도 입력할 수 있어요.
  3. ‘3D’를 누르면 입체로 보고 1인칭 시점으로 집 안을 걸어 볼 수 있어요. 완성하면 ‘PNG 내보내기’로 이미지를 저장하거나 ‘JSON 내보내기’로 백업하고, 나중에 ‘JSON 불러오기’로 이어서 편집하세요.

사용 예시

처음 열면 나오는 예시는 벽 두께 12cm인 6m × 4m 원룸이에요. 오른쪽 패널에 ‘공간 1’로 중심선 면적 24.00㎡(7.26평), 실내 순면적 22.81㎡(6.90평), 둘레 20.00m가 표시돼요. 순면적은 각 벽에서 두께의 절반인 6cm씩 뺀 5.88m × 3.88m예요.

같은 방의 왼쪽 벽에서 2.5m 떨어진 곳에 두께 10cm 칸막이벽을 위아래 끝이 벽 중심선에 닿도록 추가하면 자동으로 두 공간으로 나뉘어요. 공간 1은 중심선 10.00㎡(3.03평), 순면적 9.27㎡(2.81평), 둘레 13.00m이고, 공간 2는 중심선 14.00㎡(4.24평), 순면적 13.15㎡(3.98평), 둘레 15.00m예요. 두 공간의 중심선 면적을 더하면 그대로 24.00㎡예요.

‘빠른 방 만들기’로 1000 × 1000cm, 벽 두께 15cm 공간을 만들면 중심선 면적 100.00㎡(30.25평), 실내 순면적 97.02㎡(29.35평)예요. 벽이 두꺼울수록 두 면적의 차이가 커져요.

결과 해석

  • 중심선 면적은 벽 한가운데를 따라 둘러싼 넓이로, 흔히 말하는 방 크기에 가까워요. 실내 순면적은 벽면 사이에서 실제로 쓸 수 있는 바닥 넓이로, 바닥재나 러그를 사거나 가구가 들어가는지 확인할 때 써요.
  • 값은 소수 둘째 자리에서 반올림해 보여 줘요. 예를 들어 10㎡는 3.025평이므로 3.03평으로 표시돼요. 합계 줄은 각 공간의 면적을 먼저 더한 뒤 환산한 값으로, 화면에 보이는 평수를 더한 것이 아니에요.
  • 둘레는 중심선을 한 바퀴 돈 길이로 걸레받이나 몰딩 길이를 대략 가늠할 때 쓸 수 있지만, 실제 실내 둘레는 모서리마다 벽 두께의 절반씩 짧고 문 폭도 빼지 않았어요.
  • 면적 패널에 공간이 나타나지 않으면 그 벽이 실제로 이어지지 않은 거예요. 벽 끝점끼리 겹쳐야 하고(그릴 때 가까운 끝점에 자동으로 붙어요), 칸막이벽의 끝은 다른 벽의 중심선 위에 있어야 해요.

원리와 계산 방법

  • 모든 치수는 cm로 저장하며, 벽은 중심선과 두께로 나타내요. 그리는 중 화면상 12픽셀 안에 기존 끝점이 있으면 바로 연결하고, 스냅이 켜져 있으면 각도는 15° 단위, 길이는 선택한 간격(1·5·10·50cm)에 맞춰요.
  • 닫힌 공간 찾기: 벽을 T자 접합부와 교차점에서 나누고, 0.5cm 안의 끝점은 같은 점으로 보며, 한쪽 끝만 연결된 벽은 반복해서 제거해요. 그다음 각 점에 모인 벽을 각도순으로 정렬하고 항상 같은 쪽으로 꺾으며 한 바퀴 돌아, 넓이가 양수인 고리를 하나의 공간으로 봐요. 넓이는 꼭짓점 좌표를 엇갈려 곱하는 신발끈 공식으로 계산해요.
  • 실내 순면적: 공간의 각 변을 그 벽 두께의 절반만큼 안쪽으로 옮기고, 이웃한 선의 교점을 새 꼭짓점으로 삼아 다시 신발끈 공식으로 계산해요. 벽이 공간보다 두꺼워 변의 방향이 뒤집히면 ‘계산할 수 없음’으로 표시해요.
  • 평수 = ㎡ ÷ (400/121)로, 이 사이트의 단위 변환기와 같은 계수예요. 1㎡ = 10,000㎠예요.
  • 3D 보기는 처음 열 때 three.js를 내려받고, 문과 창문 위치에서 벽을 위아래·좌우 조각으로 나눠 개구부를 만들어요. 1인칭 시점은 몸을 반지름 22cm 원기둥으로 보고 충돌을 계산하며, 바닥에서 시작하고 높이가 180cm 이상인 문은 지나갈 수 있지만 창문은 지나갈 수 없어요.

한계와 주의점

  • 벽은 직선만 그릴 수 있고 곡선 벽은 지원하지 않아요. 사선 벽은 그릴 수 있으며 면적은 꼭짓점을 이은 모양으로 계산해요.
  • 바깥 벽과 이어지지 않고 방 안에 따로 선 벽(벽 네 개로 그린 기둥 등)은 바깥 공간의 면적에서 빠지지 않아요. 칸막이벽이 중심선까지 닿지 않고 벽 표면에서 끝나면 방이 나뉘지 않아요.
  • 순면적에서 기둥, 배관 공간, 가구는 빼지 않아요. 면적은 계획용 참고값이며 공식 측량이나 등기 면적을 대신할 수 없어요.
  • 도면 하나에 한 층만 그릴 수 있어요. 도면은 한 브라우저의 localStorage에 있어 사이트 데이터를 지우면 사라지며, 3D 보기에는 WebGL을 지원하는 브라우저가 필요해요.

자주 묻는 질문

평수는 어떻게 환산하나요?

1평 = 400/121㎡(약 3.3058㎡)이므로 평수 = ㎡ ÷ 3.3058이에요. 6m × 4m 방은 24㎡로 약 7.26평이에요. 벽 중심선으로 잰 면적과 벽 두께를 뺀 실내 순면적을 함께 보여 줘요.

등기부나 분양 면적과 다른 이유는?

공식 면적은 측정 기준(벽 중심선 또는 안쪽)이 정해져 있고 발코니나 공용 면적 포함 여부도 달라요. 이 도구는 직접 그린 벽으로 둘러싸인 공간만 계산해요. 가구를 놓을 수 있는 실제 넓이는 ‘실내 순면적’을 보세요.

그린 평면도는 어디에 저장되나요?

수정할 때마다 이 브라우저의 localStorage에 자동 저장되어 페이지를 닫았다 와도 남아 있지만, 서버로 전송되지는 않아요. 인터넷 사용 기록을 지우거나 시크릿 창, 다른 기기에서는 보이지 않으니 중요한 도면은 ‘JSON 내보내기’로 백업하세요.

휴대폰에서도 쓸 수 있나요?

네. 빈 곳을 한 손가락으로 드래그하면 화면 이동, 두 손가락으로 확대·축소하고, 선택한 가구는 드래그해 옮겨요. 벽은 탭할 때마다 점이 추가되며 다 그리면 ‘벽 그리기 끝내기’를 누르세요. 복잡한 도면은 컴퓨터에서 편집하는 편이 편해요.

평면도를 가족이나 디자이너에게 보여 주려면?

‘공유 링크 복사’를 누르면 벽, 문·창문, 가구가 압축되어 URL의 # 뒤에 들어가고, 받는 사람은 같은 평면도를 열어 3D 보기로도 전환할 수 있어요. 이 부분은 서버로 전송되지 않아요. 이미지만 필요하면 ‘PNG 내보내기’을 사용하세요.

방 치수는 어떻게 재야 정확한가요?

줄자나 레이저 거리측정기로 벽 안쪽의 가로와 세로를 cm 단위로 재고, 문과 창문은 너비와 벽 모서리에서 떨어진 거리를 재세요. 벽을 그릴 때 길이를 바로 입력하고 Enter를 누르면 돼요.

실제로 쓸 수 있는 실내 평수도 계산되나요?

벽으로 방을 두르면 ‘중심선 면적’과 벽 두께를 뺀 ‘실내 순면적’이 함께 표시돼요. 실제로 쓸 수 있는 공간에 더 가까운 것은 순면적이에요. 전용면적이나 공급면적 같은 공식 면적과는 측정 기준이 달라 숫자가 다를 수 있어요.

그린 평면도를 인쇄할 수 있나요?

‘PNG 내보내기’로 이미지를 저장하면 인쇄할 수 있어요. 도면에 치수와 축척이 표시되어 실제 공간과 비교하기 좋아요.

참고 자료