Tech
새로운 개념의 이해부터 실제 적용 과정까지, 배움의 흔적을 기록했습니다.
스터디 아카이브 사이트 만들기
스터디에서 쌓인 글을 모아 둘 아카이브 사이트를 만들며 남긴 기록
도메인 간 언어오염과 Middleware 패턴
도메인마다 지원 언어가 달라 생긴 404를 Middleware 패턴으로 중재하기
공용 컴포넌트와 Compound 패턴
공용 컴포넌트가 늘어날수록 무거워지는 props를 Compound 패턴으로 풀기
Claude Code Deep Dive
사수와의 속도 차이를 좁히려 Claude Code 사용을 데이터로 관리한 기록
체험판 신청 퍼널 개선기
진입 경로마다 갈라지던 체험판 신청 흐름을 검증 페이지 하나로 모으기
사내 npm 개발기
배포 없이 기능을 켜고 끄기 위해 사내 피처 플래그를 npm 패키지로 만든 기록
useQuery 는 어떻게 동작할까
useQuery가 캐시와 리렌더를 어떻게 다루는지 내부부터 뜯어보기
useState 원리 살피기
useState는 어떻게 상태를 업데이트할까
Context API 원리 살피기
Context API는 props 없이 어떻게 상태를 공유하고 전파하는 걸까
카드 UI 웹 접근성
유튜브, 토스, 치지직을 분석하며 배우는 "버튼 안에 버튼" 구현법
Prefetch 알고 쓰기
공식문서 안읽고 쓰면 생기는 일
Debounce 알고 쓰기
디바운스, 적용 범위와 React에서 사용할때 주의할 점
스크롤 기반 자동재생
유튜브 영상 자동재생, 큐를 이용해서 구현하기