잘나스
1. 변경 목표
- 헤더 내부 가로 폭: 1100px
- 하단 콘텐츠 영역: 좌측 서브 메뉴 240px + 중간 여백 20px + 우측 콘텐츠 840px
- 합계: 1100px
- 데스크톱 폭은 확대하되 기존 모바일·태블릿 반응형 동작은 유지
2. 공통 레이아웃 작업
- public/assets/css/zalnas.css의 .site-header__inner, .site-main, .site-footer 최대 폭을 1024px에서 1100px로 변경
- 고정 폭 대신 width: min(1100px, calc(100% - 32px)) 형태를 사용해 작은 화면의 좌우 여백 유지
- 520px 이하 모바일용 공통 최대 폭도 1100px 기준으로 정리
3. 메인화면 작업
- .home-layout을 240px / 20px / 840px 구조로 변경
- .feeling-strip 등 우측 영역의 800px 고정 폭을 840px 또는 width: 100%로 변경
- 이미지 흐름 애니메이션의 calc(-100% + 800px) 기준을 새 콘텐츠 폭에 맞게 변경
4. 게시판 공통 레이아웃 작업
- modules/board/views/board/layout_header.php의 전체 테이블을 1100px로 변경
- 좌측 셀 209px → 240px, 중간 셀 15px → 20px, 본문 셀 800px → 840px
- 게시판 배너 표시 폭 800px → 840px
- 게시판 공용 저장소의 개발 원본인 modules/board를 수정
5. 기능별 레이아웃 작업
- 도서: app/Views/books/book_header.php의 인라인 레이아웃을 240 + 20 + 840 구조로 변경
- 영화: .cinema-layout을 1100px 및 240 + 20 + 840 구조로 변경
- JAV: jav_header.php 기본값과 각 배우·작품 화면의 개별 209 / 15 / 800 설정을 240 / 20 / 840으로 통일
- JAV 본문 박스의 800px 고정 폭은 width: 100% 또는 840px로 변경하되 팝업·업로드 레이어의 800px 규격은 유지
6. 레거시 반응형 작업
- zalnas-legacy-responsive.css의 1024px·790px·220px 대상 규칙을 1100px·840px·240px 구조에 맞게 보완
- 860px 이하에서는 좌측 메뉴와 본문이 기존처럼 한 열로 배치되는지 확인
- 태블릿 폭에서 가로 스크롤이나 콘텐츠 잘림이 발생하지 않도록 점검
7. 테스트 및 검증
- board_seo_completion_test.php의 게시판 배너 800px 계약을 840px로 변경
- 1100 = 240 + 20 + 840 레이아웃 계약 테스트 추가
- 메인, 게시판 목록·보기·쓰기, 공용 스킨 4종, 도서, 영화, JAV 화면 확인
- 로그인 전후 헤더와 데스크톱·태블릿·모바일 화면 확인
- 관련 테스트와 Harness를 통과한 뒤 main에 Push하고 테스트 사이트 확인 후 운영 배포
8. 작업 원칙
소스 변경은 로컬 zalnas.test에서 수행하고, GitHub main Push 후 test.zalnas.kr에서 검증한다. 검증이 완료된 커밋만 운영에 수동 배포한다. 게시판 글과 게시판 설정 같은 DB 런타임 데이터는 GitHub 소스 배포 대상과 분리해서 관리한다.
