지진안전산업진흥시설

지진안전산업진흥시설은 내진제품과 내진기술의 성능을 검증해 인증을 발급하는 기관입니다. 부산대학교 지진방재연구센터의 시험장비를 기반으로 공장심사·제품심사·기술심사를 수행합니다. 기존에는 공고 확인부터 서식 내려받기, 서류 제출, 진행 상황 확인까지 대부분이 전화와 이메일로 오갔습니다.

이 사이트는 그 과정을 온라인으로 옮기는 것을 목표로 했습니다. 인증 제도를 처음 접하는 기업이 제도 이해 → 구비서류 확인 → 신청 → 진행 상황 확인까지 한 사이트 안에서 끝낼 수 있어야 했고, 동시에 공공기관 사이트에 요구되는 웹접근성과 검색 노출, 보안 기준을 함께 충족해야 했습니다.

내진제품 인증과 내진기술 인증은 심사 단계도, 필요한 서류도 다릅니다. 제품은 공장심사와 제품심사를 거치고, 기술은 서류·면접 기반 기술심사와 현장 확인을 거칩니다. 두 인증을 한 페이지에 나란히 놓고 색으로 구분해, 신청자가 자기 경로를 먼저 고르고 그 갈래의 절차와 구비서류만 보도록 했습니다.

구비서류는 목록만 보여주지 않고 서식 파일을 바로 내려받게 했습니다. 파일명은 영문 원본명 대신 한글 서식명으로 내려가도록 라우트를 거치게 했고, 화이트리스트로 경로 조작 접근을 차단했습니다. 신청 폼에는 30초 간격 자동 임시저장을 넣어 작성 중 이탈로 내용을 잃지 않게 했습니다.

인증기관의 설득력은 결국 어떤 장비로 무엇을 시험할 수 있는가에서 나옵니다. KOLAS 공인시험기관 인정 규격 10건과 한국원자력안전재단 원자력성능검증기관 인증을 표로 제시하고, 보유 장비 15종을 사진·주요 사양·시험 대상과 함께 카드로 펼쳤습니다.

장비 정보는 하드코딩이 아니라 관리자에서 CRUD로 관리합니다. 장비마다 여러 장의 사진을 등록해 갤러리와 라이트박스로 보여주고, 메인 화면의 시험장비 카드 슬라이더와도 연동됩니다.

인증 신청은 공고 기간이 정해져 있어, 공고가 대상 기업에게 제때 닿지 않으면 사업 자체가 헛돕니다. 알림마당(공지·보도자료·자료실)을 Tiptap 에디터 기반 CMS로 구성하고, 메인 팝업과 히어로 배너를 관리자에서 직접 걸 수 있게 했습니다.

검색에서 보이지 않던 문제도 함께 잡았습니다. 메인을 SSR로 전환하고 게시판 RSS를 제공해 네이버 검색 색인을 확보했으며, 첨부파일은 S3로 옮기면서 한글 파일명 인코딩까지 정리했습니다.