반응형

2026/02/21 2

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

고도화 프로젝트는“디자인 나오면 작업 시작”이 아니다. 시작 전에 무엇을 확인하느냐에 따라야근 여부가 결정된다. 이번 글은실제 공공기관 고도화 기준으로 정리한 체크리스트다. 1. 구조 체크✔ 기존 소스 분석CSS / SCSS 혼용 여부공통 파일 경로 구조v2, v3 등 병행 폴더 존재 여부GNB / Footer 공통 include 방식레이아웃 고정폭 or 유동폭이걸 안 보면나중에 “왜 여기만 다르지?” 지옥 시작. 2. 반응형 전략 확인✔ PC First인지 Mobile First인지미디어쿼리 기준 확인min-width vs max-width 혼재 여부브레이크포인트 개수1024 / 768 / 640 등 실제 적용값공공기관은 대부분 PC First 구조.시작 전에 전략 통일해야 한다. 3. 접근성 기준✔..

min-width vs max-width 차이점 정리 | 퍼블리셔는 언제 무엇을 써야 할까?

min-width와 max-width 미디어쿼리 차이점 정리. Mobile First vs PC First 전략 비교와 퍼블리셔 실무 적용 기준 설명. 정리. Mobile First vs PC First 전략 비교와 퍼블리셔 실무 적용 기준 설명. min-width와 max-width, 아직도 헷갈리나요? 반응형 작업을 하다 보면반드시 마주치는 선택지가 있습니다. CSS@media (min-width: 768px) 또는 CSS@media (max-width: 768px) 둘 다 맞는 방법입니다.하지만 설계 기준은 완전히 다릅니다. 기본 개념 차이min-width → Mobile First 방식작은 화면을 기본으로 두고점점 확장합니다.CSS/* 기본: 모바일 */@media (min-width:..

반응형