Browser

브라우저가 웹페이지를 해석하고 렌더링하는 과정을 공부합니다

🏞
이미지 포맷 이해하기
래스터와 벡터 이미지, 손실과 무손실 압축 방법을 알아보고, PNG, JPG, WebP, AVIF 포맷을 언제 사용할지 생각해봅시다
0000.00.00.
🎨
Reflow는 왜 느릴까?
브라우저 렌더링의 숨은 비용 찾아 최적화하기
0000.00.00.
🎞
requestAnimationFrame 가이드: 브라우저에서 부드러운 애니메이션 만들기
왜 setInterval은 끊기고, requestAnimationFrame은 부드러울까?
- JavaScript
- Animation
0000.00.00.
📄
브라우저는 어떻게 웹페이지를 그릴까?
도메인 탐색부터 페인트까지
- HTML
- Network
0000.00.00.
📄
제 페이지에 SSR이 적용됐나요?
JavaScript 비활성화로 간단하게 테스트하기
- Server Side Rendering
0000.00.00.
📄
SSR, CSR, SR, ISR 렌더링 기법을 알아보자
렌더링이란 무엇인가? ~ 각 방법의 특징과 장단점
- Server Side Rendering
0000.00.00.