고생 많으심다(괜히 일만 더 늘어난 것 같아 걱정 ㅜ)

요청내용 정리가 완벽해서 ai에 다이렉트-토스해도 잘 먹히는 글~ 👍

디자인 전문가이시니 아시겠지만 로고, 히어로바(중간이미지) 같은 이미지는 당기고,축소하면 퀄이 떨어집니다. ai도 이미지 처리는 아직 별루랍니다 ㅜ

현재 코드 기준입니다.

  • 상단 로고 원본 이미지: 764 × 154px

  • 실제 표시 크기:

    • 모바일: 높이 19px, 너비 약 94px

    • 640px 이상: 높이 21px, 너비 약 104px

  • 기본 상단바(GNB) 높이: 80px

카테고리 히어로:

  • 표시 너비: 화면 가로폭 100%

  • 표시 높이: 모든 화면에서 300px

  • 권장 업로드 크기: 2400 × 300px

ai 정리내용은 아래 참고

오늘은 여까지요..


안녕하세요. 전달해 주신 요청사항을 아래와 같이 반영했습니다.

  1. 그리드 좌우 여백 통일

룩북 및 각진 형태의 그리드 페이지에서 와이드 옵션을 끈 경우, 리서치·어바웃 페이지와 동일한 좌우 여백이 적용되도록 수정했습니다. 아이템 사이 간격도 20px로 유지됩니다.

배포확인

  1. 상위 카테고리와 하위 게시판 레이아웃 분리

상위 페이지와 하위 게시판의 레이아웃을 각각 다르게 설정할 수 있도록 카테고리 관리 기능을 개선했습니다.

예를 들어 상위 ‘프로덕트’ 페이지는 룩북 형태로, 하위 ‘젤스트립’ 게시판은 갤러리 형태로 개별 설정할 수 있습니다.

  1. 상단 툴바와 배너 사이 간격 삭제

상단 툴바와 카테고리 히어로 배너 사이의 불필요한 여백을 제거하여 바로 이어지도록 수정했습니다.

배포확인

  1. 상단 로고 크기 축소

상단 로고 크기를 기존 대비 약 2/3 수준으로 축소했습니다. 로고에 적용되어 있던 드롭 섀도우 효과도 제거했습니다.

배포확인

  1. 룩북 썸네일 비율 개별 설정

카테고리별로 썸네일 비율을 선택할 수 있도록 설정 기능을 추가했습니다.

  • 정사각형

  • 세로형

  • 가로형

프로덕트에는 기존 세로형 비율을 사용하고, 마케팅·전시회·뉴스 등의 카테고리에는 가로형 비율을 적용할 수 있습니다.

  1. 참고

  1. 상단 바 및 카테고리 히어로 영역 높이 축소

상단 바의 높이와 로고 크기를 조정하고, 카테고리 히어로 배너 높이는 데스크톱 기준 300px로 고정했습니다.

카테고리 관리 화면의 이미지 등록 영역에도 권장 이미지 크기와 권장 높이 300px 안내를 추가했습니다. 이미지 위의 어두운 오버레이 농도도 낮춰 원본 이미지가 이전보다 밝고 선명하게 보이도록 조정했습니다.

배포확인

  1. 메인페이지 농도 수정 및 마케팅 영역 삭제

메인 프로덕트 이미지에 전체적으로 적용되던 단색 블랙 오버레이를 하단부 중심의 그라데이션으로 변경했습니다. 최대 검정 농도는 50% 이하로 제한하여 이미지가 지나치게 어두워지지 않도록 했습니다.

프로덕트 하단에 있던 메인 마케팅 영역은 삭제했습니다.

배포확인

  1. 게시판 글쓰기 에디터 개선

게시판 에디터의 많은 서식 버튼을 하나의 ‘서식’ 드롭다운으로 정리했습니다. 글자색 변경 기능과 AI 글쓰기 도우미도 추가했습니다.

AI 도우미에서는 다음 기능을 사용할 수 있습니다.

  • 맞춤법 검사

  • 문장 다듬기

  • 자연스럽게 이어쓰기

  • 짧게 요약하기

  • 영어·한국어 번역

  • 본문에서 제목 만들기

텍스트를 선택한 상태에서는 선택한 부분에만 AI 기능이 적용되며, 선택하지 않은 경우에는 본문 전체를 기준으로 처리됩니다.

ai 기능은 구글 결제연동 해야함(대략 만건 무료 그 이상 유료) 연동만 하면됨 실상 무료 나중에 어떻게 하는지 알려드릴게요

  1. 관리자 게시물 삭제 기능

관리자 게시물 목록 및 수정 화면에 삭제 버튼을 추가했습니다. 게시물을 삭제하면 본문과 다운로드 하위 컬렉션, 첨부 이미지 및 관련 Storage 파일이 함께 정리되도록 연동했습니다.

요청해 주신 내용은 위와 같이 반영했습니다. 확인 후 추가로 조정이 필요한 부분이 있으면 말씀 부탁드립니다. 감사합니다.


버전이력은 여기 => https://shinebusa.com/admin/version-history