TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
220219218217216215214213212211210209
Infra
Sentry로 에러 모니터링 — 프로덕션 디버깅 가이드
Sentry를 활용한 프로덕션 에러 추적, 성능 모니터링, 소스맵 설정 방법.
Infra
HTTP/3과 QUIC — 차세대 웹 프로토콜 이해
HTTP/3와 QUIC 프로토콜의 핵심 개념, HTTP/2 대비 개선점, 적용 방법.
Frontend
Popover API — JavaScript 없이 팝오버 만들기
HTML Popover API로 JavaScript 없이 팝오버, 드롭다운, 모달을 구현하는 방법.
Frontend
Figma to Code — 디자인에서 코드 자동 생성
Figma 디자인을 React/Tailwind 코드로 변환하는 도구와 워크플로 비교.
Frontend
View Transitions API — 페이지 전환 애니메이션
View Transitions API로 SPA와 MPA 모두에서 부드러운 페이지 전환을 구현하는 방법.
Frontend
CSS Anchor Positioning — 요소 간 위치 지정의 혁신
CSS Anchor Positioning API로 요소 간 상대적 위치를 지정하는 새로운 방법.
Frontend
TypeScript 6 — 새로운 타입 시스템 기능
TypeScript 6의 새로운 타입 시스템 기능, 패턴 매칭, 성능 개선 사항.
Backend
Node.js 23 — 새로운 기능과 실험적 API
Node.js 23의 새로운 실험적 기능들과 안정화된 API 정리.
Backend
Deno 3 — 통합 도구 체인의 완성
Deno 3의 완전한 Node.js 호환, 패키지 관리자, 새로운 기능들 정리.
Backend
Bun 1.5 — 안정성과 Node.js 호환성 강화
Bun 1.5의 Node.js 호환성 개선, 새로운 API, 안정성 강화 사항.
Backend
HTTP/2 Server Push 대안 — 103 Early Hints
HTTP/2 Server Push가 폐기된 후, 103 Early Hints로 리소스를 선행 로드하는 방법.
Frontend
Next.js 16 — React 19 완전 통합과 새로운 기능
Next.js 16의 React 19 완전 통합, 새로운 라우팅 기능, 성능 개선 사항.