maplestory/frontend
caadiq 669b358460 렌더 병목 2곳 제거: 헤더 backdrop-blur + 전역 배경 transition
프로미스나인과 비교 분석 결과 메이플에만 있는 두 가지 무거운 패턴.

- Layout 헤더의 backdrop-blur-md 제거하고 불투명 배경(var(--bg-from))으로
  교체. sticky 헤더 아래 컨텐츠가 애니메이션될 때마다 frosted glass
  필터를 매 프레임 재계산하던 비용 제거 (fromis_9는 shadow-sm만 사용).
- html/body/#root의 background-color/image 500ms transition 제거.
  테마 전환 부드럽게 하려는 의도였지만 범위가 전역이라 페이지 렌더
  성능 발목을 잡음. 테마 토글은 이제 즉시 전환.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-22 00:34:10 +09:00
..
public 이미지 페이징, React Query 도입, 메뉴 항목 추가/편집 폼 구현 2026-04-13 15:11:48 +09:00
src 렌더 병목 2곳 제거: 헤더 backdrop-blur + 전역 배경 transition 2026-04-22 00:34:10 +09:00
.dockerignore 배포 모드 전환: 프로덕션 Dockerfile + docker-compose 재구성 2026-04-21 20:38:12 +09:00
.gitignore 초기 프로젝트 설정 2026-04-07 18:55:06 +09:00
Dockerfile 배포 모드 전환: 프로덕션 Dockerfile + docker-compose 재구성 2026-04-21 20:38:12 +09:00
eslint.config.js 초기 프로젝트 설정 2026-04-07 18:55:06 +09:00
index.html MapleStory 폰트 font-display: optional 로 override해 CLS 제거 2026-04-22 00:29:39 +09:00
package-lock.json react-device-detect 도입 (PC / 모바일 라우트 분기) 2026-04-19 15:59:36 +09:00
package.json react-device-detect 도입 (PC / 모바일 라우트 분기) 2026-04-19 15:59:36 +09:00
README.md 초기 프로젝트 설정 2026-04-07 18:55:06 +09:00
vite.config.js 초기 프로젝트 설정 2026-04-07 18:55:06 +09:00

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.