최신 포스트
배운 것과 시행착오를 꾸준히 기록합니다.
Career
두 번의 1월, 두 번의 끝: 2025-2026 회고
전원 희망퇴직으로 시작된 2025년부터 재취업, 퇴사, 그리고 프리랜서로 이어진 2026년 상반기까지. 두 번의 1월을 축으로 정리한 개인 회고.
#회고#희망퇴직#이직+2
Frontend
브라우저 Reflow와 Repaint (3): 실무에서 자주 만나는 예제로 완성하기
스크롤 헤더, 아코디언, 대량 리스트, 드래그 앤 드롭, 툴팁 위치 계산까지 실무에서 자주 만나는 장면별로 Reflow와 Repaint 최적화를 before/after 코드로 정리하고, React 관점과 DevTools 측정 방법까지 다룹니다.
#Reflow#Repaint#브라우저 렌더링+5
Frontend
브라우저 Reflow와 Repaint (2): 불필요한 렌더링 비용을 줄이는 방법
Reflow와 Repaint를 줄이는 전략을 발생 횟수 줄이기, 영향 범위 좁히기, 더 싼 단계로 옮기기라는 세 가지 축으로 나눠 before/after 코드와 함께 정리합니다.
#Reflow#Repaint#브라우저 렌더링+5
Frontend
브라우저 Reflow와 Repaint (1): 렌더링 파이프라인부터 이해하는 기본 원리
브라우저가 화면을 그리는 다섯 단계를 따라가며 Reflow와 Repaint가 정확히 무엇인지, 왜 비용 차이가 나는지, 어떤 코드가 이를 유발하는지 기본 원리부터 정리합니다.
#Reflow#Repaint#브라우저 렌더링+5