01 시작 전에 꼭 확인해 주세요
퍼블리싱 환경과 산출물 위치를 먼저 확인하면 이후 작업이 훨씬 수월합니다.
- 📁 guide 폴더는 개발 참고용입니다. 실 서비스에 직접 사용되지 않습니다.
- 디자인/컴포넌트 샘플은 guide 하위 HTML에서 확인할 수 있습니다.
퍼블리싱 작업 현황
현재 버전 v1.10.8
퍼블리싱 가이드 허브
광주아이온 2단계 구축사업
현재 진행 중인 퍼블리싱 산출물을 한 곳에서 확인하고,
스타일 가이드와 페이지 구조를 빠르게 찾아보세요.
02 CSS · 컴포넌트 사용 원칙
공통 스타일과 페이지 전용 스타일을 분리해, 이후 개발/유지보수를 고려한 구조를 목표로 합니다.
- 공통 스타일 외에 페이지별 커스텀 스타일은 Body태그에 data-page-id 선택자를 넣어 분리합니다.
- 가능한 한 컴포넌트 단위로 클래스를 재사용해 UI 일관성을 유지해 주세요.
03 바로 가기 & 참고 링크
자주 사용하는 화면과 문서를 모아 두었습니다.