bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: complete wikification of War Commander batch 1&2 and final grey dot cleanup

Browse Source
This commit is contained in:
yesung
2026-04-27 18:58:22 +09:00
parent 3424166ea2
commit 6b86b0da4c
2706 changed files with 9074 additions and 7273 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics/Frontend_Mastery/성능 최적화(Performance Optimization).md
+2 -2
View File
@@ -31,8 +31,8 @@
* `contain` 및 `content-visibility` 속성을 활용하면 브라우저가 페이지의 특정 부분을 격리하여 해당 컨테이너 내부를 독립적으로 렌더링하도록 최적화할 수 있습니다 [35, 36]. 이를 통해 화면에 보이지 않는 요소의 렌더링을 지연시켜 초기 로드 성능을 높일 수 있습니다 [36].
## 🔗 Knowledge Connections
- **Related Topics:** [[Reflow and Repaint]], [[CSS Animations]], [[Core Web Vitals]], [[Zero-runtime CSS-in-JS]], [[CSS Containment]]
- **Projects/Contexts:** [[대규모 프론트엔드 애플리케이션의 렌더링 속도 개선]], [[사용자 상호작용이 많은 애니메이션 UI 구축 및 반응형 디자인 적용]]
- **Related Topics:** [[Reflow and Repaint]], [[CSS Animations]], [[Core Web Vitals]], [[Zero-runtime CSS-in-JS]], CSS Containment
- **Projects/Contexts:** 대규모 프론트엔드 애플리케이션의 렌더링 속도 개선, 사용자 상호작용이 많은 애니메이션 UI 구축 및 반응형 디자인 적용
- **Contradictions/Notes:** 애니메이션은 로딩 시간을 시각적으로 채워주고 사용자 인터페이스를 더 빠르게 느끼게(Perceived Performance) 만드는 긍정적 효과가 있지만 [37], 속성 선택을 잘못하거나 동시 애니메이션을 남발하면 오히려 프레임 드랍을 유발해 사용자 경험과 성능을 악화시킬 수 있습니다 [23, 38]. 또한 `will-change` 속성 역시 성능 향상 힌트를 주지만 과도하게 적용할 경우 브라우저 자원 낭비의 원인이 됩니다 [26, 27].
---