1) 출발점은 “안전표지 하나 만들 때마다 왜 새로 찾아야 하나”였습니다

현장에서 표지를 만들 때 가장 자주 생기는 일은 검색입니다. “감전주의 표지”, “안전모 착용”, “출입금지”, “비상구”, “소화기”를 각각 이미지로 찾고, 해상도가 맞는지 보고, 한글 문구를 넣고, 출력 크기를 맞춥니다. 한두 장이면 괜찮지만 설비가 늘고 구역이 바뀌면 같은 작업이 계속 반복됩니다.

더 큰 문제는 일관성입니다. 어떤 표지는 글자가 크고, 어떤 표지는 색이 다르고, 어떤 표지는 픽토그램이 흐립니다. 현장에서는 표지가 예쁜지보다 근로자가 바로 알아볼 수 있는지가 중요합니다. 그래서 도구의 목표는 “디자인을 예쁘게 꾸민다”가 아니라 “표준에 맞는 색과 도형, 읽히는 글자, 출력 가능한 크기를 안정적으로 만든다”였습니다.

안전표지 생성기는 이 반복을 표준 선택과 템플릿 선택으로 바꿉니다. 안전담당자는 매번 이미지 검색을 시작하지 않고, 표준과 분류를 고른 뒤 문구를 현장에 맞게 수정하고 출력하면 됩니다. 업무가 파일 찾기에서 검토와 적용으로 이동하는 것이 핵심입니다.

2) 화면 순서는 안전표지 작성 순서를 따라가야 했습니다

앱 화면은 다섯 단계로 구성되어 있습니다. 표준 선택, 분류 선택, 표지 선택, 문구 편집, 출력입니다. 이 순서는 개발자의 데이터 구조가 아니라 안전담당자가 실제로 표지를 만드는 순서에 가깝습니다. 먼저 국내 표지인지 ANSI 라벨인지 정하고, 금지·경고·지시·안내·소방 같은 분류를 고른 뒤, 개별 표지와 현장 문구를 수정합니다.

오른쪽 미리보기는 사용자가 값을 바꿀 때마다 즉시 바뀝니다. 안전표지 도구에서 미리보기는 장식이 아닙니다. 현장명이나 보조문구가 길어서 글자가 작아지는지, 픽토그램이 충분히 큰지, 표지 색이 의도한 분류와 맞는지 바로 확인하는 검토 화면입니다.

3) 국내 안전보건표지와 ISO 7010을 같이 본 이유

국내 안전보건표지는 산업안전보건법 시행규칙의 안전보건표지 종류, 용도, 설치·부착 장소, 색채, 기본모형과 연결됩니다. 국가법령정보센터 기준으로 제38조는 종류·형태·색채와 용도, 제39조는 설치, 제40조는 제작 기준을 다루며, 별표 6부터 별표 9까지가 표지 종류와 색채, 기본모형 확인에 연결됩니다. 특히 제40조에는 표지 속 그림 또는 부호가 표지 전체 규격의 30퍼센트 이상이 되도록 하는 취지가 들어 있습니다.

반면 실제 현장에서는 국제 심볼도 자주 필요합니다. ISO 7010은 금지(P), 경고(W), 지시(M), 안전상태·비상(E), 소방(F) 표지를 코드 체계로 관리합니다. 앱은 ISO 7010 카탈로그를 기반으로 심볼을 불러오고, 자주 쓰는 표지는 한글 제목과 보조문구를 덮어씌워 국내 현장에서도 쓰기 쉽게 만들었습니다.

중요한 것은 “ISO 심볼을 쓰면 국내 기준 검토가 끝난다”가 아닙니다. 도구는 표지 후보를 만들고 출력물을 빠르게 만드는 보조 수단입니다. 실제 설치 전에는 최신 법령, 고시, 사업장 기준, 설치 장소, 표지 목적을 다시 확인해야 합니다. 그래서 본문과 도구 설명 모두 최종 적합성 판단은 담당자 검토 영역으로 남겨야 합니다.

4) ANSI Z535 스타일 라벨을 넣은 이유

국내 안전보건표지는 구역 안내와 기본 위험 전달에 강합니다. 하지만 설비 앞에 붙이는 상세 경고 라벨, 정비 절차형 라벨, “전원 차단 후 작업” 같은 지침형 라벨은 ANSI Z535 스타일이 더 읽기 쉬운 경우가 많습니다. 그래서 앱에는 DANGER, WARNING, CAUTION, NOTICE, SAFETY INSTRUCTIONS 신호어를 가진 라벨 형식을 넣었습니다.

ANSI 라벨은 신호어 패널, 안전경고 심볼, 메시지 영역, 보조문구 영역을 분리합니다. 위험의 급박성이나 중대성에 따라 DANGER와 WARNING을 구분하고, 신체 상해와 직접 관련 없는 작업 안내는 NOTICE로, 절차형 지침은 SAFETY INSTRUCTIONS로 표시할 수 있습니다. 앱에는 신호 문자 결정 패널도 있어 최악의 심각도, 사망 또는 중상 가능성, 회피하지 않을 때 사고 확률을 선택하면 신호어 후보를 계산합니다.

이 기능은 법적 판정을 자동화하려는 것이 아닙니다. 안전담당자가 “이 라벨의 목적이 위험 경고인지, 작업 지시인지, 설비 안내인지”를 더 명확히 생각하도록 돕는 구조입니다. 표지는 문구를 많이 넣는다고 좋아지는 것이 아니라, 위험 수준과 행동 지시가 분명해야 합니다.

5) 복합표지는 현장 입구와 설비 주변에서 특히 필요했습니다

현장에는 하나의 표지만 필요한 장소보다 여러 메시지를 동시에 전달해야 하는 장소가 많습니다. 예를 들어 용접장 입구에는 출입금지, 보안경 착용, 용접광 주의가 함께 필요할 수 있고, 전기실에는 감전주의, 관계자 외 출입금지, 절연보호구 착용이 함께 필요할 수 있습니다. 그래서 앱에는 ISO 7010 심볼을 여러 개 조합하는 복합표지 기능을 넣었습니다.

복합표지는 세로형과 가로형을 선택할 수 있고, 각 항목마다 표지와 문구를 개별 수정할 수 있습니다. 이 구조는 “이미지 여러 장을 한 문서에 붙여 넣기”보다 안정적입니다. 표지 간격과 문구 영역이 일정하게 유지되고, 전체 판의 크기를 기준으로 출력할 수 있기 때문입니다.

복합표지를 만들 때 주의할 점도 있습니다. 너무 많은 메시지를 한 판에 넣으면 오히려 읽히지 않습니다. 그래서 복합표지는 입구나 공통 안내처럼 한 번에 묶어야 하는 곳에 쓰고, 특정 위험점에는 해당 위험을 직접 가리키는 단독 표지를 별도로 붙이는 것이 좋습니다.

6) 안전거리 L 계산을 넣은 이유

표지 제작에서 자주 빠지는 질문이 있습니다. “이 크기로 멀리서 보이나?”입니다. 앱은 안전거리 L을 입력하면 표지 도형 크기와 권장 글자 높이를 계산해 보여줍니다. 국내 표지의 경우 금지·지시표지는 원형 지름, 경고표지는 삼각형 치수, 안내·소방표지는 사각형 치수를 L 기준으로 계산하는 방식이 들어 있습니다. ANSI 스타일은 글자 가독성과 레이아웃 최소 크기를 함께 봅니다.

이 계산은 현장의 최종 판단을 대신하지는 않습니다. 조명, 시야 방해, 표지 위치, 작업자 이동 속도, 색 대비, 오염 상태가 모두 영향을 줍니다. 그래도 L 계산을 넣으면 “A4면 충분하겠지” 같은 감각적 결정을 줄이고, 최소한 표지 크기와 읽힘을 숫자로 검토할 수 있습니다.

7) 템플릿 검색은 작은 기능이지만 사용성을 크게 바꿨습니다

ISO 7010 목록은 매우 깁니다. 금지, 경고, 지시, 비상, 소방 표지를 모두 펼쳐두면 사용자가 원하는 표지를 찾기 어렵습니다. 그래서 표지 템플릿 선택은 검색 가능한 콤보박스로 만들었습니다. 사용자는 코드나 한글 이름 일부를 입력해 필요한 표지를 찾을 수 있습니다.

예를 들어 “전원”, “보호구”, “비상정지”, “추락”, “보안경” 같은 단어로 검색하면 관련 표지를 빠르게 찾을 수 있습니다. 자주 쓰는 표지는 한글 문구 오버라이드가 적용되어 기본 주 문구와 보조문구가 자동으로 들어갑니다. 사용자는 그 문구를 현장명과 설비명에 맞게 다듬으면 됩니다.

안전 도구에서 검색은 대단한 AI 검색만 뜻하지 않습니다. 긴 표지 목록 안에서 필요한 항목을 빠르게 찾는 기능도 충분히 가치가 있습니다. 현장 사용자는 표지 코드를 외우고 싶어 하는 것이 아니라, 지금 붙여야 할 표지를 빨리 만들고 싶어 합니다.

8) PNG와 PDF 출력은 도구의 끝이 아니라 실제 사용의 시작입니다

안전표지 생성기는 미리보기 화면만으로는 완성되지 않습니다. 현장에 게시하거나 교육 자료에 넣으려면 PNG가 필요하고, 인쇄해서 붙이려면 PDF가 필요합니다. 앱은 html2canvas로 표지 DOM을 캡처하고, jsPDF로 PDF를 생성합니다. 출력 크기는 mm 단위 규격을 픽셀로 환산해 캡처 품질을 확보하도록 구성했습니다.

ANSI 소형 라벨은 A4 한 장에 여러 개를 반복 배치하는 시트 출력도 고려했습니다. 현장에서는 같은 라벨을 여러 장 뽑아 여러 설비나 용기에 붙이는 경우가 많습니다. 이럴 때 한 장씩 PDF를 만드는 것보다 A4 한 장에 반복 배치하는 방식이 훨씬 실용적입니다.

출력 기능을 만들면서 중요한 점은 미리보기와 출력물이 같은 구조를 공유해야 한다는 것입니다. 화면에서는 괜찮아 보이는데 PDF에서는 글자가 잘리거나 심볼이 빠지면 실무 도구로 쓰기 어렵습니다. 그래서 숨겨진 캡처 영역을 따로 두고, 실제 출력 기준으로 다시 렌더링하는 구조를 넣었습니다.

9) 외부 심볼 이미지와 내장 대체 도형을 함께 둔 이유

앱은 ISO 7010 등록 안전표지 심볼을 Wikimedia Commons CDN에서 우선 불러오도록 구성되어 있습니다. 하지만 외부 이미지는 네트워크, CORS, 파일명, CDN 상태에 따라 불러오지 못할 수 있습니다. 안전표지 도구가 심볼 로딩 실패 하나로 멈추면 안 됩니다.

그래서 외부 SVG가 불러와지지 않을 때는 내장 대체 도형을 표시하도록 했습니다. 완전한 공식 심볼을 대체하는 목적이라기보다, 미리보기와 출력 흐름이 끊기지 않게 하는 안전장치입니다. 실제 게시 전에는 정확한 심볼과 최신 기준을 확인해야 하지만, 편집 중에는 도구가 계속 작동해야 합니다.

이 부분은 안전관리 디지털 도구의 운영 감각과 연결됩니다. 외부 라이브러리와 CDN은 편리하지만, 출력물 생성 업무는 가능한 한 실패를 줄여야 합니다. 그래서 html2canvas, jsPDF, 외부 SVG, 대체 SVG의 관계를 처음부터 생각해야 했습니다.

10) 확인 사항 패널은 “자동 생성”의 과신을 막기 위한 장치입니다

앱에는 선택한 표지에 따라 확인 사항이 표시됩니다. 국내 표지에서는 표지 종류와 색채, 픽토그램 영역, 안전거리 L 기준 계산값, 출력 규격 적합성 같은 내용을 알려줍니다. ANSI 라벨에서는 신호어, 안전경고 심볼, 메시지 구성, 다중 심볼 또는 절차형 레이아웃 확인이 표시됩니다.

이 패널의 목적은 사용자를 가르치려는 것이 아니라 검토를 놓치지 않게 하는 것입니다. 표지를 자동으로 만들 수는 있어도, 표지가 해당 장소에 맞는지, 문구가 과하거나 부족하지 않은지, 작업자가 실제로 읽을 수 있는지는 담당자가 판단해야 합니다. 확인 사항은 그 판단의 체크리스트입니다.

안전관리 도구는 버튼 하나로 끝나는 느낌을 주면 위험합니다. 생성은 빨라져야 하지만, 검토는 남아 있어야 합니다. 그래서 이 도구도 최종 산출물은 안전담당자가 확인하고 사용하는 구조로 설명하는 것이 맞습니다.

11) 실제 사용 흐름 예시

이 흐름에서 가장 중요한 것은 표준, 문구, 크기, 출력이 한 번에 이어진다는 점입니다. 기존에는 이미지 검색, 문서 편집, 인쇄 설정이 따로 놀았다면, 생성기에서는 하나의 작업 흐름 안에서 처리됩니다.

12) 표지는 만든 뒤 어디에 붙일지까지 같이 생각해야 합니다

안전표지 생성기를 만들면서 계속 신경 쓴 부분은 표지가 파일로 끝나면 안 된다는 점이었습니다. PNG나 PDF가 만들어졌다고 해서 안전정보가 전달된 것은 아닙니다. 실제 현장에서는 표지를 어느 높이에 붙이는지, 작업자가 어느 방향에서 접근하는지, 설비나 적재물이 시야를 가리는지, 조명이 충분한지, 먼지와 기름 때문에 금방 더러워지는 위치인지까지 함께 봐야 합니다.

예를 들어 같은 “보안경 착용” 표지라도 용접장 입구에 붙이는 표지와 연삭기 바로 앞에 붙이는 표지는 역할이 다릅니다. 입구 표지는 구역 진입 전에 보호구 착용을 준비하게 만드는 안내 역할이 크고, 설비 앞 표지는 작업 직전에 행동을 다시 확인하게 만드는 경고 역할이 큽니다. 그래서 표지 크기, 문구 길이, 색 대비, 부착 위치가 달라져야 합니다.

이 도구가 안전거리 L 계산을 넣은 이유도 여기에 있습니다. 표지는 보기 좋은 이미지를 만드는 일이 아니라, 특정 거리와 특정 동선에서 읽히는 정보를 만드는 일입니다. 담당자가 표지를 만들 때 “누가, 어디서, 언제, 몇 초 안에 이 표지를 읽어야 하는가”를 먼저 생각하면 문구도 짧아지고, 표지의 목적도 분명해집니다.

13) 제작 후 검수는 디자인 검수가 아니라 위험정보 검수입니다

현장에서 표지를 검수할 때는 예쁜지보다 틀리지 않았는지를 봐야 합니다. 금지표지에는 금지 행동이 분명해야 하고, 지시표지에는 해야 할 행동이 바로 보여야 하며, 경고표지는 위험의 종류가 모호하지 않아야 합니다. “주의”, “위험”, “안전작업” 같은 넓은 단어만 있으면 표지가 많아져도 실제 행동은 바뀌지 않을 수 있습니다.

검수할 때는 최소한 네 가지를 확인하는 편이 좋습니다. 첫째, 표지 종류가 위험과 맞는지 확인합니다. 출입을 막아야 하는데 안내표지처럼 보이면 안 됩니다. 둘째, 문구가 행동 중심인지 봅니다. “위험구역”보다 “관계자 외 출입금지”, “회전부 접근금지”, “전원 차단 후 점검”처럼 행동을 직접 말하는 문구가 현장에서는 더 강합니다. 셋째, 설치 위치에서 실제로 읽히는지 확인합니다. 넷째, 표지가 다른 표지와 충돌하지 않는지 봅니다.

특히 복합표지는 검수가 더 중요합니다. 한 판에 금지, 경고, 지시, 안내가 함께 들어가면 정보량은 늘지만 집중도는 떨어질 수 있습니다. 입구에는 복합표지가 유용하지만, 위험점 바로 앞에는 핵심 표지를 따로 붙이는 편이 더 좋을 때가 많습니다. 생성기는 여러 표지를 빠르게 만들 수 있지만, 어떤 정보를 한 판에 묶고 어떤 정보는 분리할지는 담당자의 판단이 필요합니다.

14) 현장 운영 루틴까지 연결해야 도구가 오래 갑니다

디지털 도구는 처음 만들 때보다 계속 쓰이게 만드는 일이 더 어렵습니다. 안전표지 생성기도 마찬가지입니다. 처음에는 새로운 도구라서 흥미가 있지만, 실제 업무에 남으려면 표지 요청, 제작, 검토, 출력, 부착, 교체, 폐기까지 하나의 루틴으로 들어가야 합니다. 그렇지 않으면 다시 개인 PC에 흩어진 이미지 파일과 오래된 한글 문서로 돌아가기 쉽습니다.

운영 루틴은 복잡할 필요가 없습니다. 현장에서 표지가 필요하면 담당자가 위험 위치와 목적을 먼저 기록하고, 생성기에서 표준과 템플릿을 고른 뒤, 현장 문구를 넣고, PDF로 출력합니다. 출력 후에는 설치 위치 사진을 남기고, 월간 또는 분기 점검 때 훼손, 오염, 탈락, 기준 변경 여부를 확인합니다. 이 정도만 해도 표지는 단순 게시물이 아니라 관리되는 안전정보가 됩니다.

또 하나 중요한 점은 표지 파일의 버전 관리입니다. 같은 설비에 붙는 표지가 여러 번 바뀌면 어느 파일이 최신인지 헷갈립니다. 그래서 향후에는 생성기에서 표지 제목, 현장명, 제작일, 검토자, 적용 구역 같은 메타데이터를 함께 남기면 좋겠다고 느꼈습니다. 안전표지 생성기는 결국 표지 제작 도구에서 출발하지만, 잘 확장하면 사업장 안전정보 관리 도구로 이어질 수 있습니다.

15) 앞으로 개선하고 싶은 부분

첫째, 사업장별 표지 세트를 저장하는 기능입니다. 전기실, 지게차 통로, 화학물질 보관장, 밀폐공간, 용접장처럼 구역별로 자주 쓰는 표지 조합이 있습니다. 이를 템플릿 세트로 저장하면 신규 구역을 만들 때 반복 작업이 더 줄어듭니다.

둘째, 표지 설치 위치 체크리스트를 출력물과 함께 만들 수 있습니다. 표지는 만드는 것만큼 어디에 붙이는지가 중요합니다. 바닥에서의 높이, 시야 방해물, 조명, 오염 가능성, 유지관리 주기까지 함께 기록하면 단순 제작 도구에서 표지 관리 도구로 확장됩니다.

셋째, 사용자가 입력한 문구의 길이와 가독성을 더 강하게 검토하는 기능입니다. 지금도 글자 높이와 표지 크기를 계산하지만, 문구가 너무 길면 실제 현장에서는 읽기 어렵습니다. 자동 줄임보다 “문구가 길다, 핵심 행동 지시를 줄이라”는 경고가 더 유용할 수 있습니다.

16) 결론: 안전표지 생성기는 표지를 예쁘게 만드는 도구가 아니라 안전정보를 일관되게 출력하는 도구입니다

안전표지 생성기를 만들면서 가장 크게 느낀 점은 표지 제작도 하나의 안전관리 프로세스라는 것입니다. 표준을 고르고, 위험을 분류하고, 심볼을 선택하고, 문구를 다듬고, 읽히는 크기로 출력하고, 현장에 맞게 설치하는 과정이 모두 연결되어 있습니다.

바이브코딩은 이 과정을 빠르게 화면으로 바꾸게 해줬습니다. 하지만 빠르게 만든다고 해서 검토가 사라지는 것은 아닙니다. 국내 안전보건표지와 ANSI 라벨, ISO 7010 심볼은 각각 쓰임과 기준이 다릅니다. 도구는 후보를 만들고 출력물을 만들어 주지만, 최종 적용은 최신 법령과 사업장 기준, 실제 설치 장소를 확인한 담당자의 판단으로 마무리되어야 합니다.