All about Web Development ...

Javascript, Typescript, React, Next.js, React Router 등 최신 웹 개발 트렌드를 같이 공부할 수 있는 블로그 입니다.

블로그 바로가기

Recent Posts

  1. React Props 타입, 아직도 className?; string 쓰세요? (ComponentProps 완벽 가이드)

    매번 className, onClick을 수동으로 추가하는 데 지치셨나요? HTMLAttributes부터 ComponentProps까지, 타입스크립트로 React 컴포넌트의 props를 정의하는 가장 우아하고 확장 가능한 방법을 소개합니다.

    Read more
  2. stale 탭은 이제 그만! BroadcastChannel API로 실시간 탭 동기화 끝내기

    여러 탭을 열어놓고 작업할 때 데이터가 맞지 않아 답답했던 경험, 있으신가요? LocalStorage의 한계를 넘어, BroadcastChannel API를 활용해 로그인, 장바구니, 테마 등을 실시간으로 동기화하는 가장 우아한 방법을 소개합니다.

    Read more
  3. React 19 useImperativeHandle, '기피 대상'에서 '필수 스킬'로? (feat. forwardRef 없이 쓰는 법)

    React 19에서 forwardRef 없이 ref를 prop처럼 사용할 수 있게 되면서 useImperativeHandle이 놀랍게 쉬워졌습니다. 복잡한 props drilling을 피하고 성능을 최적화하는 실용적인 방법을 알아보세요.

    Read more
  4. Node.js ESM 마이그레이션 완벽 가이드 Jest에서 Vitest까지

    기존 CommonJS 프로젝트를 최신 ESM으로 전환하고, 테스트 러너를 Jest에서 Vitest로 마이그레이션하는 실전 가이드입니다. 복잡한 설정부터 에러 해결 팁까지 모든 과정을 상세하게 다룹니다.

    Read more
  5. CSS @layer 완벽 가이드 명확도 전쟁은 끝났다

    CSS 명확도(Specificity)와의 싸움에 지치셨나요? Tailwind CSS도 사용하는 @layer, 즉 Cascade Layers가 왜 등장했고 어떻게 우리의 스타일링을 구원해 주는지 그 배경부터 실전 예제까지 깊이 있게 파헤쳐 봅니다.

    Read more