도면 뷰어

아이패드에서 DWG, DXF 도면을 광고 없이 보고, 배치나 도곽 단위로 나눠 PDF로 바꾸는 개인용 웹앱입니다. 파일은 기기 안에서만 처리되고 어떤 서버로도 올라가지 않습니다. 홈 화면에 추가하면 앱처럼 열리고, 한 번 연 뒤에는 인터넷 없이도 씁니다.

할 수 있는 일

• DWG(R14부터 2018 형식까지)와 DXF 파일을 엽니다. 손가락 두 개로 확대하고 한 손가락으로 이동합니다.
• 한글 글꼴(whgtxt 계열 SHX, 굴림과 맑은 고딕 대체 글꼴)이 앱 안에 들어 있어 한글이 깨지지 않습니다.
• 레이어를 켜고 끄고, 모형과 배치 탭을 오가고, 배경을 검정과 흰색으로 바꿉니다.
• 최근 연 파일을 기기에 기억해 두고 다시 고르지 않아도 엽니다.
• PDF 변환은 배치(시트)마다, 또는 모형 공간에 나란히 놓인 도곽마다 한 장씩 만듭니다. 낱장 파일과 한 파일로 합친 PDF를 함께 줍니다. 용지(원본, A4~A1), 흑백과 컬러, 선 굵기 반영을 고릅니다. 선과 글자가 벡터로 들어가서 확대해도 깨지지 않습니다.
• 편집 버튼을 누르면 선, 폴리선, 사각형, 원, 호, 글자, 수정 구름을 그립니다. '더 그리기'에는 타원, 스플라인, 다각형, 점, 해치, 무한선, 광선이, '치수'에는 선형, 사선, 반지름, 지름, 각도, 호 길이, 좌표, 이어서, 기준선 치수가 있습니다. '블록'으로 도면 안의 블록을 넣고, 레이어 버튼에서 객체를 눌러 그 레이어를 끄거나 잠그거나 그 레이어만 보이게 합니다.
• 고치기는 이동, 복사, 회전, 자르기, 연장, 지우기, 되돌리기입니다. '더 고치기'에는 간격 띄우기, 대칭, 축척, 모깎기, 분해(블록과 폴리선), 글자 고치기(글자와 블록 속성 글자)가 있습니다. '속성'은 고른 객체의 레이어, 색, 선 종류, 선 굵기를 한 번에 바꾸고, 되돌리기 한 번으로 돌아갑니다.
• 아이패드에서 자르기처럼 선을 고르는 명령은 그 선을 손가락으로 톡 누르면 됩니다. 반지름, 간격, 축척, 각도 같은 숫자는 아래 패널의 입력 칸에 적고 확인(✓)을 누릅니다. 입력 칸을 비워 두고 화면에서 점을 찍어도 됩니다.
• 위쪽 '재기'로 거리, 이어서 재기, 면적, 각도, 호 길이, 좌표를 잽니다. 편집을 켜지 않아도 되고, 재기 표시는 화면에만 남습니다. 아이패드에서는 화면을 길게 누르면 돋보기와 십자선이 떠서 점을 정확하게 찍습니다. PC에서는 마우스로 찍고 Enter와 Esc를 씁니다.
• 고친 도면은 원본을 건드리지 않고 이름_수정.dxf(DXF 2018, 한글 UTF-8)로 저장합니다. AutoCAD에서 열어 DWG로 다시 저장하면 됩니다.
• 구글 드라이브 연결은 src/config.ts에 구글 클라우드 OAuth 클라이언트 ID를 넣으면 켜집니다. 드라이브 폴더를 앱 안에서 열고, 고친 도면을 원래 폴더에 바로 저장합니다.

아이패드에 설치하기

1. 아이패드 Safari에서 https://salkka-dev.github.io/dwg-viewer/를 엽니다. 크롬 같은 다른 브라우저는 홈 화면 앱으로 설치되지 않습니다.
2. 주소창 옆 공유 버튼(네모에 위쪽 화살표)을 누르고 "홈 화면에 추가"를 고릅니다.
3. "웹 앱으로 열기"가 보이면 켜 둔 채로 "추가"를 누릅니다. 홈 화면에 도면 뷰어 아이콘이 생깁니다.
4. 처음 한 번은 인터넷이 될 때 홈 화면 아이콘으로 실행해서 끝까지 뜨게 둡니다. "이제 인터넷 없이도 열려요" 안내가 뜨면 그 뒤로는 비행기 모드에서도 열립니다. 홈 화면 앱은 Safari와 저장 공간이 따로라서, Safari에서 열어 봤더라도 아이콘으로 한 번 더 열어야 합니다.

윈도우 PC에서 쓰기

1. 엣지나 크롬으로 https://salkka-dev.github.io/dwg-viewer/를 엽니다.
2. 주소창 오른쪽의 '앱 설치' 아이콘(엣지는 메뉴 > 앱 > 이 사이트를 앱으로 설치)을 누르면 시작 메뉴와 바탕화면에 앱이 생깁니다.
3. 설치한 뒤에는 탐색기에서 DWG나 DXF를 오른쪽 클릭하고 "연결 프로그램 > 도면 뷰어"로 바로 열 수 있습니다.
4. 편집을 켜면 아래에 명령줄이 나옵니다. 아무 데서나 L, C, M, CO, RO, E, O, PL, REC, T 같은 단축 명령을 치고 Enter나 스페이스를 누르면 됩니다. TR(자르기), EX(연장), F(모깎기), MI(대칭), SC(축척), X(분해), ED(글자 고치기), PR이나 MO(속성)도 AutoCAD와 같습니다. 명령 이름을 치기 시작하면 맞는 명령이 한글 설명과 함께 목록으로 뜹니다. 명령이 없을 때 Enter, 스페이스, 오른쪽 클릭은 직전 명령을 다시 실행합니다.
5. Ctrl+Z와 Ctrl+Y로 되돌리고, Delete로 고른 객체를 지우고, Ctrl+S로 저장합니다. 처음 저장할 때만 원본 폴더에서 저장 창이 뜨고, 그다음부터는 같은 파일에 바로 덮어씁니다.

쓰는 법

• 파일 열기를 누르면 아이패드 파일 앱이 열립니다. iCloud Drive, 내 iPad, 파일 앱에 연결해 둔 구글 드라이브 어디서든 고를 수 있습니다.
• PDF 버튼을 누르면 찾아낸 페이지 목록이 나옵니다. 보기를 누르면 그 영역으로 화면이 이동해서 맞게 잡혔는지 확인할 수 있습니다.
• PDF 만들기가 끝나면 모두 저장을 누릅니다. 공유 시트에서 "파일에 저장"을 고르면 낱장 PDF가 한꺼번에 저장됩니다.

개발

npm install
npm run dev

npm run build 결과물(dist)은 정적 파일이라 GitHub Pages 같은 HTTPS 호스팅에 그대로 올리면 됩니다. 저장소의 .github/workflows/deploy.yml이 main 브랜치에 올라올 때마다 GitHub Pages로 배포합니다.

만든 재료

• 도면 해석과 화면 표시는 MLightCAD cad-viewer 엔진(MIT)을 씁니다.
• DWG 읽기는 LibreDWG를 웹어셈블리로 옮긴 @mlightcad/libredwg-web(GPL-3.0)을 씁니다. 그래서 이 앱도 GPL-3.0을 따릅니다.
• 글꼴 파일은 mlightcad/cad-data에서 한글과 기본 SHX 위주로 골라 담았습니다.