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/프론트엔드 기초 구조 이해 핵심 목적.md
+1 -1
View File
@@ -17,7 +17,7 @@
초기 로딩 속도, 검색 엔진 최적화(SEO), 상호작용성의 균형을 맞추기 위해 다양한 웹 렌더링 전략을 적재적소에 활용하는 것도 중요한 구조적 접근입니다 [27-29]. 브라우저에서 동적으로 UI를 렌더링하는 CSR(Client-Side Rendering), 서버에서 매 요청마다 HTML을 완성하는 SSR(Server-Side Rendering), 빌드 타임에 정적 파일을 제공하는 SSG(Static Site Generation) 등을 이해해야 합니다 [27, 30-33]. 최근에는 클라이언트 측 자바스크립트 번들 사이즈를 줄이고 메인 스레드 부하를 낮추기 위해 서버에서만 실행되는 React Server Components(RSC) 모델로까지 발전하고 있습니다 [34-39].
## 🔗 Knowledge Connections
- **Related Topics:** [[Critical Rendering Path]], [[Virtual DOM]], [[Reflow and Repaint]], [[Component-Based Architecture]], [[Web Rendering Strategies (CSR, SSR, SSG, RSC)]]
- **Related Topics:** [[Critical Rendering Path]], [[Virtual DOM]], [[Reflow and Repaint]], [[Component-Based Architecture]], Web Rendering Strategies (CSR, SSR, SSG, RSC)
- **Projects/Contexts:** [[React Performance Optimization]]
- **Contradictions/Notes:** 렌더링 방식 선택에 있어 SSR은 브라우저에 완성된 HTML을 빠르게 전송하여 초기 콘텐츠 노출(FCP)과 SEO에는 유리하지만, 자바스크립트를 다운로드하고 연결하는 '수화(Hydration)' 과정이 완료되기 전까지는 사용자와 상호작용할 수 없어 TTI(Time to Interactive)가 지연된다는 뚜렷한 한계가 존재합니다 [27, 30, 40-44]. 반면 CSR은 초기 로드 속도나 SEO 측면에서는 불리하지만 로딩 완료 후의 동적인 상호작용성은 훨씬 뛰어나므로, 서비스의 목적에 맞는 트레이드오프(Trade-off) 전략 수립이 필수적입니다 [27, 40, 44].