Web Workers로 메인 스레드 해방하기
JavaScript 싱글 스레드의 한계를 Web Workers로 극복하는 방법을 정리합니다. postMessage, Transferable, Comlink, SharedArrayBuffer까지 실무 관점에서 다룹니다.
블로그
전체 8개의 글
프론트엔드 인증 갱신 패턴 비교: 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...
Web Audio API 딥다이브: 브라우저 오디오의 내부 동작
Web Audio API의 핵심 아키텍처부터 AudioNode, AudioParam 자동화, AnalyserNode 시각화, AudioWorklet까지. Tone.js 아래에서 실제로 일어나는 일을 정리합니다.
Tone.js로 브라우저에서 음악 만들기
Web Audio API를 추상화한 Tone.js의 핵심 개념부터 신시사이저, 이펙트, Transport 스케줄링, React 통합까지 실무 관점에서 정리합니다.
프론트엔드 개발자가 Electron의 메인 프로세스와 렌더러 프로세스 이해하기
Electron 프로세스 가이드. 메인 프로세스와 렌더러 프로세스의 역할 차이, IPC 통신 패턴, Preload 스크립트의 동작 원리를 브라우저와 비교하며 정리합니다.