Web Workers로 메인 스레드 해방하기
JavaScript 싱글 스레드의 한계를 Web Workers로 극복하는 방법을 정리합니다. postMessage, Transferable, Comlink, SharedArrayBuffer까지 실무 관점에서 다룹니다.
최근 글
프론트엔드 인증 갱신 패턴 비교: Silent Refresh부터 RT Rotation까지
Access Token 갱신 전략 4가지를 실무 관점에서 비교합니다. Silent Refresh, Proactive Refresh, Sliding Session, RT Rotation의 동작 원리와 구현 코드, 조합 전략을 정리합니다.
CSS layer 기능 소개 및 사용법
@layer: 스타일 우선순위의 새로운 패러다임 들어가며 웹 개발자라면 누구나 CSS의 캐스케이딩(Cascading) 특성으로 인한 스타일 충돌 문제를 경험해 보셨을 것입니다. 이러한 문제를 해결하기 위해 CSS에 새로운 기능인 ‘@layer’가...
Javascript 클로저와 스코프
자바스크립트에서 클로저와 스코프는 관련이 있지만 서로 다른 개념입니다. 들어가며 자바스크립트로 개발을 하다 보면 클로저와 스코프라는 용어를 자주 접하게 됩니다. 클로저와 스코프는 자바스크립트의 핵심 개념으로, 이를 제대로 이해하면 코드의 가독성과...
NextJs CSS-in-JS 라이브러리 추천 pandaCSS
PandaCSS: 왜 우리는 이 CSS in JS 라이브러리를 선택했는가? 들어가며 SSR이 등장하고 서버 우선 프레임워크가 등장하면서 대부분의 CSS in JS 라이브러리가 안정적으로 작동하지 않거나 작동하지 않을 수 있습니다. 저도 style...