shdev.blog

컨테이너 쿼리(Container Query)로 진짜 반응형 만들기

미디어 쿼리로는 해결하기 어려웠던 반응형 디자인 문제를 컨테이너 쿼리로 해결하는 방법을 알아본다. 뷰포트가 아닌 부모 요소의 크기를 기준으로 스타일을 적용하여 진짜 재사용 가능한 컴포넌트를 만들어보자.

2026년 01월 13일

0.5px border, 왜 어떤 디바이스에서는 보이고 어떤 곳에서는 안 보일까? DPR(Device Pixel Ratio)의 개념을 이해하면 알 수 있다.

import 문을 예쁘게 만들려고 썼던 배럴 파일. 왜 문제가 됐는지, 제거 후 달라진 점, 그럼에도 남겨둔 이유를 정리했다.

GLTFLoader 성능 최적화를 위해 활성화한 THREE.Cache가 동적 URL 환경에서 어떻게 메모리 누수를 일으켰는지를 알아 보았다.

Zustand의 소스코드를 직접 분석하며 클로저를 활용한 상태 관리의 핵심 원리를 파헤치며 100줄로 구현된 강력한 상태 관리 라이브러리의 비밀을 알아보자.

널리 사용되는 인증 방식인 JWT(JSON Web Token)의 탄생 배경부터 구조, 동작 원리까지 다시 한 번 깊이 있게 짚어보며 왜, 어떻게 사용해야 하는지 다시 생각해보았다.

자바스크립트는 인터프리터 언어일까, 컴파일 언어일까? V8, WebKit, SpiderMonkey 엔진이 자바스크립트를 어떻게 실행시키는지 알아보고 결론을 내려보았다.