Fredric Apps 웹 유틸리티 허브(apps.fredric18.uk)가 v1.0.41로 정식 업데이트되었습니다. 이번 릴리즈는 유틸리티 탐색 흐름에 자연스럽게 녹아드는 반응형 인피드(In-Feed) 큐레이션 배너, 대화면 데스크톱과 태블릿을 위한 적응형 사이드 윙(Side Wing) 배너 시스템, 그리고 시각적 이질감을 완벽히 해소한 다크 헤더 & 라이트그레이 바디 듀얼 테마 시스템을 대대적으로 선보입니다.
🌟 주요 업데이트 내역
1. 반응형 인피드(In-Feed) 큐레이션 배너 시스템 도입
사용자의 탐색 흐름을 방해하지 않으면서도 유용한 쇼핑 혜택을 제공할 수 있도록, 홈 화면 인기 도구 목록 및 카테고리별 유틸리티 그리드 내에 세로 4행 주기마다 자연스럽게 삽입되는 반응형 미들 배너를 연동하였습니다.
- 반응형 그리드 연동: 모바일, 태블릿, 데스크톱 등 모든 디바이스에서 도구가 4개를 초과할 경우 미들 배너가 안정적으로 노출되도록 보장합니다.
- 렌더링 무결성 확보: 동일 페이지 내에 다중 배너 인스턴스가 렌더링될 때 발생할 수 있는 DOM 식별자 충돌을 완전히 제거하여 부드러운 화면 전환과 레이아웃 무결성을 달성했습니다.
2. 데스크톱 & 태블릿 전용 반응형 사이드 윙(Side Wing) 배너 시스템
와이드 모니터 사용자와 태블릿/노트북 사용자 모두에게 최적의 공간 활용도와 시각적 안정감을 제공하는 사이드 윙 배너가 새롭게 추가되었습니다.
- 와이드 데스크톱(1600px 이상) 듀얼 윙: 좌측(쿠팡/아마존)과 우측(알리익스프레스) 양방향 스카이스크래퍼 배너를 고정 배치하여 대화면의 여백을 효과적인 특가 큐레이션 영역으로 활용합니다.
- 노트북 & 태블릿(768px ~ 1599px) 적응형 통합 슬라이딩: 1600px 미만으로 화면 폭이 좁아질 때 배너가 깜빡이며 사라지지 않고, 화면 우측으로 자연스럽게 밀려나며 우측 2탭 통합 스위처([쿠팡/Amazon] | [알리])로 전환됩니다.
- 사용자 제어 접기(Minimize) 토글: 사용자가 원할 때 언제든 측면 슬림 탭으로 배너를 접어둘 수 있어 쾌적한 작업 공간을 보장합니다.
- 모바일 뷰 자동 숨김(768px 미만): 스마트폰 화면에서는 유틸리티 도구 조작에 100% 집중할 수 있도록 사이드 배너가 완전 비노출 처리됩니다.
3. 세련된 듀얼 테마 디자인 (다크 헤더 + 라이트그레이 바디)
광고 배너 컴포넌트의 가독성과 서비스 전체의 모던 다크 글래스모피즘 사이의 균형을 완성했습니다.
- 비주얼 하모니: 배너그룹 및 사이드 배너의 상단 헤더는 프리미엄 다크 글래스모피즘(
bg-slate-800/90)을 유지하고, 상품이 수납되는 바디 영역은 부드러운 라이트그레이(bg-slate-100) 테마를 적용하여 내부의 흰색 배너 카드들과 이질감 없이 완벽한 조화를 이룹니다. - 공식 로고 컬러 태그 적용: 아마존 배너는 공식 시그니처 웜 오렌지(
#FF9900), 알리익스프레스 배너는 공식 시그니처 레드(#E62E04)를 적용하여 직관적인 브랜드 아이덴티티를 확립했습니다. - 할인(Discount) 뱃지 통일: 알리익스프레스 타일의 특가 뱃지를 아마존과 동일하게 선명한 레드(
bg-rose-600 text-white)로 통일하여 시인성을 극대화했습니다. - 헤더 UI 간소화: 배너 헤더의 장황한 제공자 텍스트를 제거하고 [추천 쇼핑 특가] [AD] 중심의 미니멀한 네이티브 위젯 UI를 구현했습니다.
🚀 서비스 이용 안내
새롭게 개선된 반응형 인피드 및 사이드 윙 배너 시스템은 Fredric Apps 공식 웹사이트에서 지금 즉시 확인하실 수 있습니다. 앞으로도 유틸리티 본연의 강력한 생산성과 쾌적한 사용자 경험을 제공하기 위해 지속적으로 플랫폼을 고도화해 나가겠습니다.
Leave a Reply