프로젝트 배경
1) 문제점 기업소개형 웹사이트는 흔히 두 가지 상충하는 요구를 동시에 만족시켜야 합니다. 하나는 잠재 고객사·협력사가 회원가입 없이 자유롭게 정보를 열람할 수 있어야 한다는 것이고, 다른 하나는 콘텐츠를 운영하는 관리자만 접근할 수 있는 안전한 관리 영역이 별도로 필요하다는 것입니다. 이 둘을 하나의 프로젝트 안에서 구조적으로 명확히 분리하지 않으면, 인증이 필요한 관리 기능이 공개 영역에 노출되거나
프로젝트 성과
공개/관리 영역 분리 설계
회원가입 절차 없이 사용자 페이지 전 영역을 공개하면서도, 관리자 인증 영역과는 완전히 분리된 라우팅·권한 구조로 설계해, 보안성과 접근성을 동시에 확보한 서비스 구조를 만들어냈습니다.
안전한 콘텐츠 CMS 구현
공지·제품 콘텐츠에 Tiptap 리치텍스트 에디터를 적용하고 저장 시 sanitize-html로 XSS를 방지해, 비개발자도 안전하게 콘텐츠를 직접 관리할 수 있도록 구현했습니다.
실배포 인프라 구축
Docker·Nginx·Let's Encrypt로 서버·리버스 프록시·SSL까지 직접 구성해, 기획부터 개발·배포까지 실제 운영 가능한 형태의 결과물로 프로젝트를 온전히 마무리했습니다.
핵심 기능
진행 단계
기획
2026.05.
가상 B2B 기업의 요구사항을 정의하고 사용자·관리자 영역의 IA를 설계했으며, 공지·제품·문의 등 콘텐츠 구조와 화면 흐름을 화면설계서로 꼼꼼히 정리하는 작업을 가장 먼저 진행했습니다.
프로젝트 상세
1) 소개 NovaMat 소재연구소는 방열·코팅·전지 소재를 연구·제조하는 가상의 B2B 첨단소재 기업이며, 이 프로젝트는 이 기업을 위한 기업소개형 웹사이트를 처음부터 끝까지 설계·구축한 결과물입니다. 서비스 카테고리는 회원가입이나 로그인 없이 누구나 접근 가능한 기업 홍보·제품 소개형 랜딩 사이트이며, 주요 타깃은 협력 가능성이 있는 잠재 고객사, 기술 파트너십을 검토하는 협력사, 그리고 채용에 관심 있







