안녕하세요! 웹 유틸리티 허브(apps.fredric18.uk) 서비스 팀입니다.
이번 v1.0.41.6 릴리즈에서는 건강 및 웰니스 라이프스타일을 지원하는 2종의 대형 신규 유틸리티인 ‘피트니스 머신 백과(Fitness Machine Wiki)’와 ‘FMD 식단 백과(FMD Diet Wiki)’가 새롭게 서비스에 탑재되었습니다. 아울러 대용량 콘텐츠 브라우징의 일관성과 쾌적한 사용자 경험을 보장하기 위해 공통 카탈로그 브라우저(CatalogBrowser) 아키텍처와 다단계 자동 스크롤 복원 엔진이 전면 적용되었습니다.
⭐️ 1. 피트니스 머신 백과 (Fitness Machine Wiki) 신규 오픈
헬스장에 처음 가거나 새로운 머신을 접할 때 올바른 자세와 세팅법을 찾지 못해 헤매던 사용자들을 위해 기획된 인터랙티브 가이드입니다.
- 27종 핵심 헬스 머신 총망라: 체스트 프레스, 랫 풀다운, 레그 프레스, 케이블 머신, 힙 어브덕션 등 헬스장의 주요 상·하체 머신 전종 수록
- 주동근·협응근 해부학적 SVG 시각화: 운동 선택 시 전면 및 후면 인체 근육 지도에서 주동근(붉은색)과 협응근(주황색)이 직관적으로 강조 표시
- 실사 운동 자세 및 궤적 안내: 준비 자세(Start)와 수축 정점(End)의 동작 사진과 올바른 궤적 가이드
- 단계별 세팅 및 안전 수칙: 시트 높이, 핀 무게 설정, 호흡법, 흔히 범하는 부상 유발 실수 및 목표별(근비대, 스트렝스, 지구력) 추천 세트·반복수 루틴 제공
⭐️ 2. 단식 모방 식단(FMD) 백과 신규 오픈
노화 방지, 세포 자가포식(Autophagy), 대사 건강 개선으로 세계적인 주목을 받는 발터 롱고 박사의 단식 모방 식단(Fasting Mimicking Diet) 5일 프로그램을 완벽히 데이터베이스화했습니다.
- 5일간 정밀 매크로(Macro) 가이드: 1일 차(1,100 kcal / 탄 34%, 단 10%, 지 56%) 및 2~5일 차(725 kcal / 탄 47%, 단 9%, 지 44%)의 엄격한 칼로리 및 탄·단·지 비율 가이드
- 개인 맞춤 체중별 칼로리 계산기: 본인의 몸무게를 입력하면 맞춤 일일 권장 섭취량과 영양 배분을 즉시 산출
- 한국형 & 지중해식 맞춤 식단 레시피: 오이, 방울토마토, 구운 채소, 호두, 아몬드, 올리브유 등 국내에서 손쉽게 구매 가능한 식재료 기반 5일간의 식단표 제공
- 30여 종 식재료 적합성 데이터베이스: FMD 진행 중 섭취 가능한 식재료와 주의해야 할 식품(동물성 단백질, 단순당 등)의 영양 성분 및 안전 등급 수록
⭐️ 3. 중앙화 공통 CatalogBrowser & 다단계 자동 스크롤 엔진 구축
다양한 카드 아이템을 검색하고 브라우징하는 화면(명언 검색기, 피트니스 위키, FMD 위키)의 사용자 경험을 단일 공통 모듈로 완벽히 일원화했습니다.
- Master-Detail 단일 포커스 슬롯: 카탈로그 목록에서 항목 클릭 시 페이지 이탈 없이 상단 상세 뷰포트가 열리며 부드럽게 시선이 전환되는 직관적 레이아웃 구현
- URL 해시(#fragment) 및 쿼리 양방향 실시간 동기화:
#item-id,#card,?page=,?view=등 상태가 URL에 즉시 반영되어 브라우저 뒤로가기/앞으로가기 및 링크 공유 시 완벽한 상태 복원 보장 - 다단계 자동 스크롤 엔진 (src/lib/scroll.ts): 이미지 렌더링, 폰트 로딩, 동적 레이아웃 시프트 환경에서도 목표 지점을 놓치지 않고 4단계 지수 백오프 재시도를 통해 목표 위치로 정확히 스무스 스크롤 복원
⭐️ 4. 인피드 광고 4행 주기 알고리즘 및 그리드 반응형 최적화
- 데스크톱 3열/4열 반응형 그리드에서 정확히 4행의 카드 목록이 지난 후 인피드 숏 배너가 자연스럽게 삽입되도록 레이아웃 계산 로직을 고도화했습니다.
- 마지막 행이 4행에서 정확히 종료되는 경우 불필요한 하단 배너 중복을 방지하여 본문 콘텐츠의 가독성을 보호합니다.
⭐️ 5. 수식 도구 템플릿 리터럴 렌더링 버그 수정 및 디자인 규칙 정립
- 구구단, 삼각비, 선형대수 도구의 JSX 텍스트 노드 백틱 템플릿 리터럴 오표기($2$단 오출력 현상)를 완벽히 수정했습니다.
- 플랫폼 전반의 인터랙션 일관성을 유지하기 위해 ‘공통 코어 추상화 우선 및 일관성 기반 특화(선언적 파라미터 위임)’ 원칙을 개발 표준으로 공식 명문화했습니다.
웹 유틸리티 허브는 일상에 꼭 필요한 실용 도구와 스마트 건강 가이드를 지속해서 확장해 나가고 있습니다. 많은 활용과 피드백을 부탁드립니다!
Leave a Reply