공공기관 고도화 실전: 여러개 사이트 병행할 때 반드시 먼저 할 일

공공기관 고도화 실전: 시작 전에 반드시 해야 할 5가지

공공기관 고도화 프로젝트는
“디자인 나오면 코딩 시작”이 아니다.

시작 전에 구조를 정리하지 않으면
프로젝트 중반부터 무너진다.

실제 실무 기준으로 정리한다.

 

공공기관 고도화 실전

 

1. 기존 구조부터 해부하라

고도화인데
기존 구조를 안 보면 100% 문제 난다.

확인해야 할 것:

1. CSS / SCSS 혼용 여부
2. 공통 include 방식
3. 레이아웃 고정폭인지 유동폭인지
4. v2 / v3 병행 폴더 존재 여부
5. 중복 컴포넌트 존재 여부

>> 기존 공통 파일을 먼저 정리해야 한다.

 

2. 반응형 전략을 통일하라

공공기관은 대부분 PC First 구조다.

확인할 것:

1. min-width / max-width 혼재 여부
2. 실제 브레이크포인트 값
3. 1024 / 768 기준 적용 방식
4. 접근성 대응 방식

전략 통일 없이 작업하면
파일마다 기준이 달라진다.

 

3. 공통 컴포넌트를 먼저 만든다

9개 사이트라면
페이지부터 만들면 안 된다.

먼저 만들어야 할 것:

1. 버튼 기본 스타일
2. 테이블 구조
3. 폼 요소
4. 모달
5. 브레드크럼
6. GNB / Footer

공통을 먼저 잡아야
페이지가 빨라진다.

 

4. 접근성은 마지막이 아니다

공공기관 프로젝트에서
접근성은 “추가 작업”이 아니다.

처음부터 고려해야 할 것:

1. alt 정책
2. 키보드 포커스
3. 명도 대비
4. 표 caption
5. aria 사용 여부

마지막에 수정하면
전체 다시 손봐야 한다.

 

5. 자동화 포인트를 설계에 포함하라

실무에서 AI는 “나중에 쓰는 도구”가 아니다.

처음부터 이렇게 쓰면 좋다:

1. clamp 계산 자동화
2. 반복 테이블 생성
3. 시맨틱 구조 초안 생성
4. 문서 초안 작성

자동화는
시간을 줄이는 게 아니라
실수를 줄인다.

 

---

실무 결론

공공기관 고도화는 코딩 실력보다

정리 능력 + 전략 통일 능력

 

에서 승부가 난다.

 

 

 

 

 

관련 글: 

고도화 프로젝트 시작 전 체크리스트

 

공공기관 반응형이 PC First인 이유