[{"data":1,"prerenderedAt":117},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"pages:design:ko":24,"i-tabler:door":101,"i-tabler:plus":103,"i-tabler:pointer":105,"i-tabler:magnet":107,"i-tabler:ruler-measure":109,"i-tabler:triangle":111,"i-tabler:keyboard":113,"i-tabler:point-filled":115},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"intro":25,"blocks":26,"faq":80},"JotJam 설계 도구로 브라우저에서 바로 평면도, 입면도, 단면도, 액소노메트릭 도면을 축척에 맞게 그릴 수 있어요. 벽, 선, 호, 치수선이 제자리에 스냅되고, 길이는 숫자로 정확히 입력하고, 문·가구·사람은 [무료 심볼 라이브러리](\u002Flibrary)에서 가져다 놓으면 돼요. 저장한 도면은 PNG나 SVG로 무료로 내보내고, CAD용으로 축척 PDF나 DXF도 만들 수 있어요.",[27,42,47,58,73],{"h2":28,"items":29},"도구 상자에 있는 것",[30,33,36,39],{"h3":31,"p":32},"벽","모서리마다 탭하고, 끝낼 때는 두 번 탭하거나 완료를 누르세요. 첫 점을 다시 탭하면 방이 닫혀요. 벽 두께를 먼저 정해 두면 새 벽이 그 두께로 그려져요.",{"h3":34,"p":35},"선, 폴리선, 사각형, 원","외곽선, 직접 그리는 가구, 대지 경계, 그리드에 쓰는 기본 도구예요.",{"h3":37,"p":38},"호와 곡선","문 열림 궤적, 돌출창, 곡면 벽, 조경.",{"h3":40,"p":41},"치수와 텍스트","치수선은 고른 단위로 길이를 보여 줘요. 텍스트는 실 이름, 메모, 제목에 써요.",{"h2":43,"p":44},"정확한 치수",[45,46],"모든 건 내부적으로 센티미터 단위의 실제 크기이고, 치수는 밀리미터, 센티미터, 미터 중에서 골라 표시해요. 그리는 중에 숫자를 입력하고 Enter를 누르세요. 밀리미터로 작업 중이면 3600이 3.6m 벽이 돼요. 사각형은 3600 x 2400처럼 두 변을 한 번에 넣어요.","선은 그리드, 다른 도형의 끝점·중간점·중심, 15° 단위 각도에 스냅돼요. 잠깐 자유롭게 그리려면 Alt를 누르고 있으세요.",{"h2":48,"steps":49},"평면도 그리기, 8단계",[50,51,52,53,54,55,56,57],"[새 도면](\u002Fdesign\u002Fedit)을 열고 단위를 정하세요. 평면도는 보통 밀리미터를 써요.","벽 도구를 고르고 벽 두께를 정하세요.","외벽을 그리세요. 길이를 입력하고 Enter를 누르면 돼요.","내벽을 더하세요. 먼저 그린 벽에 스냅돼요.","[평면도 심볼](\u002Flibrary\u002Fplan)에서 문과 창문을 놓으세요.","침대, 소파, 주방 싱크대, 욕실 설비를 넣으세요. 모두 실제 크기예요.","치수와 실 이름을 넣으세요.","저장한 다음 PNG나 SVG로 받거나, 인쇄용 축척 PDF로 내보내세요.",{"h2":59,"items":60},"도면 네 가지",[61,64,67,70],{"h3":62,"p":63},"평면도","위에서 내려다본 모습. [평면도 심볼](\u002Flibrary\u002Fplan): 문, 창문, 계단, 가구, 방위표, 축척 막대.",{"h3":65,"p":66},"입면도","외벽이나 벽을 정면에서 본 모습. [입면도 심볼](\u002Flibrary\u002Felevation): 사람, 나무, 자동차, 문, 창문.",{"h3":68,"p":69},"단면도","건물을 수직으로 자른 모습. [단면도 심볼](\u002Flibrary\u002Fsection): 콘크리트·벽돌·지반·단열재 해치, 슬래브, 기초.",{"h3":71,"p":72},"액소노메트릭","그리드를 아이소메트릭으로 바꾸면 선이 세 개의 아이소 축에 맞춰져요. [액소노메트릭 심볼](\u002Flibrary\u002Faxon): 매스 블록, 계단, 가구.",{"h2":74,"list":75},"내보내기",[76,77,78,79],"**PNG와 SVG** — 저장한 도면이면 무료. SVG는 Illustrator, Inkscape, SVG를 가져올 수 있는 CAD 프로그램에서 열려요.","**축척 PDF** — A4나 A3에 1:1부터 1:1000까지(평면도는 보통 1:50, 1:100). 100%로 인쇄해서 삼각스케일로 재 보세요.","**DXF** — AutoCAD, LibreCAD, Rhino, SketchUp에서 열려요. 밀리미터 단위 실제 크기예요.","PDF와 DXF는 저장된 버전으로 서버에서 만들어지고 크레딧이 조금 들어요. 같은 버전을 같은 설정으로 다시 내보내면 무료예요.",{"title":81,"items":82},"자주 묻는 질문",[83,86,89,92,95,98],{"q":84,"a":85},"무료인가요?","그리기는 무료이고 계정도 필요 없어요. 도면을 저장할 때 크레딧이 조금 들고, 로그인하는 날마다 무료 크레딧을 받아요. 저장한 도면의 PNG, SVG 다운로드는 무료예요.",{"q":87,"a":88},"축척은 어떻게 되나요?","모든 건 내부적으로 센티미터 단위의 실제 크기예요. 치수는 mm, cm, m로 표시할 수 있어요. 심볼도 실제 크기라서 문은 폭 90, 더블 침대는 160 × 200이에요.",{"q":90,"a":91},"CAD나 Illustrator에서 열 수 있나요?","도면을 저장하고 SVG로 내보내세요. Illustrator, Inkscape, SVG를 가져올 수 있는 CAD 프로그램에서 열려요. AutoCAD 같은 프로그램에는 DXF를, 1:50이나 1:100으로 인쇄하려면 축척 PDF를 내보내세요.",{"q":93,"a":94},"iPad나 휴대폰으로 평면도를 그릴 수 있나요?","네. 모든 도구가 터치로 돼요. 모서리를 탭해서 그리고, 손가락을 벌려 확대하고, 두 손가락으로 끌어서 옮겨요. 큰 평면도는 화면이 클수록 편해요.",{"q":96,"a":97},"피트와 인치를 쓸 수 있나요?","아직은 안 돼요. 밀리미터, 센티미터, 미터만 돼요.",{"q":99,"a":100},"3D 보기가 있나요?","없어요. 아이소 그리드에서 액소노메트릭(아이소메트릭) 도면을 그리면 입체처럼 보이지만, 3D 모델이 아니라 도면이에요.",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":102},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":104},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v14m-7-7h14\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":106},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":108},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 13V5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0V5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v8a8 8 0 0 1-16 0m0-5h5m6 0h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":110},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.875 12c.621 0 1.125.512 1.125 1.143v5.714c0 .631-.504 1.143-1.125 1.143H4a1 1 0 0 1-1-1v-5.857C3 12.512 3.504 12 4.125 12zM9 12v2m-3-2v3m6-3v3m6-3v3m-3-3v2M3 3v4m0-2h18m0-2v4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":112},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.363 3.591L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":114},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 2v.01m4-.01v.01m4-.01v.01m4-.01v.01M6 14v.01M18 14v.01M10 14l4 .01\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":116},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",1792672097335]