Frontend·0 views·2026. 7. 4.
배포하면 흰 화면이 뜬다: Vite 번들 다이어트와 stale chunk 자가복구
항상 로드되는 메인 청크에서 미사용 AG Grid를 걷어내고 벤더를 가족 단위로 분리해 초기 로드를 절반 이하로 줄인 뒤, 배포 직후 구버전 청크 404로 생기는 흰 화면을 1회 자동 리로드로 자가복구한 기록입니다.
막힌 지점부터 되짚는 기술 기록.
Frontend·36 views·2026. 3. 29.
[RxJS] 비동기 데이터의 '수도관' 설계하기: 기초부터 실무 패턴까지
RxJS의 Observable과 Operator를 정수기에 비유해 설명하고 디바운스, 재시도 등 실무 비동기 패턴을 정리합니다.
![[RxJS] 비동기 데이터의 '수도관' 설계하기: 기초부터 실무 패턴까지](/_next/image?url=%2Fimages%2Ftypescript.png&w=3840&q=75)
Frontend·21 views·2026. 3. 28.
Next.js 렌더링 전략 완벽 가이드: SSR, SSG, ISR부터 RSC까지
Next.js의 SSR, SSG, ISR 렌더링 전략과 서버 컴포넌트(RSC)의 동작 원리를 비교하고 상황별 선택 기준을 정리합니다.
Frontend·780 views·2024. 12. 23.
Axios 인터셉터로 요청과 응답을 한곳에서 관리하기
Axios 인터셉터로 요청과 응답을 가로채 공통 헤더 추가, 응답 표준화, 에러 처리, 토큰 갱신을 한곳에서 관리하는 방법을 정리합니다.
Frontend·462 views·2024. 11. 25.
JavaScript 엔진은 어떻게 소스 코드를 기계어로 실행할까: V8 컴파일 파이프라인 분석
V8 같은 현대 JavaScript 엔진이 소스 코드를 토큰화, AST 생성, 바이트코드 변환, JIT 컴파일을 거쳐 기계어로 실행하는 과정을 단계별로 정리합니다.
Frontend·142 views·2024. 11. 24.
React 18 동시성 렌더링 핵심 가이드: 자동 배칭부터 useTransition, useId까지
React 18의 동시성 렌더링, 자동 배칭, useTransition, useId 등 핵심 기능으로 UI 응답성과 사용자 경험을 개선하는 방법을 정리합니다.
Frontend·637 views·2022. 11. 16.
React Native 새 아키텍처 이해하기: 브릿지를 대체한 JSI
React Native의 기존 브릿지 구조가 가진 성능 한계를, 새 아키텍처의 JSI와 Fabric, Turbo Modules가 어떻게 해결하는지 정리합니다.
Frontend·986 views·2022. 9. 11.
Web Worker로 무거운 로직을 다른 스레드에서 처리하기
Web Worker로 무거운 로직을 별도 스레드에서 처리해 브라우저가 멈추는 문제를 막는 방법을 정리합니다.
Frontend·1163 views·2022. 9. 10.
addEventListener 심화 옵션과 효율적인 이벤트 관리: capture, once, passive, AbortController
addEventListener의 capture, once, passive 옵션과 AbortController로 이벤트를 효율적으로 관리하는 방법을 정리합니다.
Frontend·1872 views·2022. 9. 10.
CSS 선택자 명시도(Specificity): !important 없이 스타일 충돌 해결하기
CSS 명시도 점수 체계를 이해하고 !important 남용 없이 스타일 충돌을 해결하는 전략을 정리합니다.
Frontend·1212 views·2022. 9. 10.
CSS 속성 선택자: =, *=, $=, ^= 구문으로 유연하게 요소 선택하기
CSS 속성 선택자에서 =, *=, $=, ^= 구문을 사용해 요소를 더 유연하게 선택하는 방법을 정리합니다.
Frontend·761 views·2022. 9. 10.
nth-of-type와 nth-child의 차이 정리
순서 기준으로 자식 요소를 선택하는 CSS 가상 클래스 nth-of-type와 nth-child의 차이를 예시로 비교합니다.