교훈을 나에게 강제하기
올해의 에이전트 사용기
2026.11
vgpu로 블랙홀 네 번째
품질이 내려가는 게 보이도록
2026.10
무엇을 하지 않을지 정하는 일
나는 자꾸 뭘 하려고 한다
TanStack Table v9 전환기
use no memo 디렉티브 7개 제거
우리들의 추억 구축기 - 3편
기억은 있는데 왜 꺼내질 못하니
우리들의 추억 구축기 - 2편
검색을 고치려 시작했다가 기억을 고치고 말았다
vgpu로 블랙홀 세 번째 시도
쉐이더를 픽셀로 테스트할 수 있게 됐다
2026.09
terraform provider 공유 캐시 적용기
7GB가 44KB가 되기까지
ANALYZE는 왜 한 시간이 걸렸나
클로드 선생님의 문제해결을 지켜봤다
Next 16 캐시컴포넌트 - 이게 좋은건지..
next가 revalidate 를 없애면서까지 use cache 로 간 이유
export가 sharp를 브라우저 번들로 보냈다
배럴 export가 감추는 실행 환경 경계
2026.08
우리들의 추억(aka기억보관소)mcp구축기
embedding 컬럼을 만들어두고 17일을 비워뒀다
React Compiler 호환성, 사라질 문제와 남을 원리
스냅샷 지식은 썩는다. 원리를 추상화하라.
nodemailer로 메일 발송하기
Gmail SMTP + nodemailer로 메일 발송하기
Effect-TS 개론
Parse, don't validate 에서 Effect 생태계까지
useSyncExternalStore로 useIsMobile 재구성
흔한 useIsMobile 리팩토링 스토리...
TLS 과정의 상세한 이해
현대적 TLS는 복합적인 암호 프로토콜이다
JWK의 정체?!
인증 트렌드가 한 바퀴 돈 이유
2026.07
Wappalyzer 쓰지 말자!
Wappalyzer가 OAuth 콜백 URL 유출시킨 사건 정리
멀티가능 미니 FPS 만들기 2편
멀티플레이 가능 눈싸움 FPS 구현기 2편
2026.05
멀티가능 미니 FPS 만들기 1편
멀티플레이 가능 눈싸움 FPS 구현기 1편
Next.js Vercel → AWS 마이그레이션
next.js 앱 안전히 vercel 에서 aws 로 이동하기
비개발자에게 Claude로 RDS 조회 권한 주기(안전히)
안전한 세팅을 통해 마케터-기획자에게 셀렉트 권한 주기
임베딩 검색 구현기 - overview
임베딩 검색 구현기 회고, 요약
임베딩 검색 구현기 - embedding
임베딩 검색 구현 시 data 임베딩 과정
임베딩 검색 구현기 - pgvector+HNSW
임베딩 vector DB 및 HNSW 설정
임베딩 검색 구현기 - observability
임베딩 백엔드의 관측성 설정
임베딩 검색 구현기 - pitfalls
임베딩 검색 구현시 겪은 pitfalls
SQL DB 역사와 한국 웹 개발 궤적
SQL DB의 흥망성쇠와 한국 개발바닥의 연관성
Next Image+Preload를 활용한 이미지 최적화2
preload 전략 전면 재검토
2026.04
React Compiler 에서 as 단언 사용 문제
React Compiler 에서는 변수 타입 어노테이션을 사용하자
텍스트 검색 쿼리 최적화 트러블슈팅2
EXPLAIN ANALYZE 쓰자...
텍스트 검색 쿼리 최적화 트러블 슈팅
행이 많고 join도 해야되면 그냥 Materialized View 쓰자
Sentry에서 잡힌 Safari TypeError의 정체
인앱 브라우저와 사파리간 에러를 Sentry가 잡네?
2026.03
Next.js + Prisma + tRPC + TQuery 조합
Next.js + tRPC + Prisma + Tanstack 아직 유효? 풀스택 타입세이프?
Next Image와 Preload를 활용한 이미지 최적화
srcset을 이해하고 preload 하자
2026.01
React2Shell 사건 정리
React2Shell (CVE-2025-55182) 뜯어보기
2025.12
Next.js 이미지 작동 방식
Next.js Image의 작동원리에 대해 명확히 이해하기
2025.11
Cookie, CORS, Site/Origin 완벽 정리
Cookie, CORS, Site/Origin 개념을 확실히 이해하자!
메서드를 queryFn으로 사용시 주의점
tanstack query function 매핑시 this 바인딩을 유념하자
Hasura에서 트랜잭션 처리
GraphQL+Hasura 사용시 안전한 트랜잭션 처리 방안 연구
2025.10
실전적 Apollo Client 구현기
팩토리 패턴과 의존성 주입으로 Apollo-links 구현
axios client 의 실전적 구성
class로 구성하는 type-safe axios client
2025.09
이미지 생성 결과 스트리밍 받기
gpt-image-1 생성시 Responses API + Streamed Query 조합 사용기
2025.08
polling 적용기
오래걸리는 API사용시 polling을 통한 timeout 극복 사례
2025.05
간단한 컴포넌트 리셋 방법
React key를 변경시켜 간단한 컴포넌트 리셋 구현하기
2025.04
중복 fetch 해결하기
context 리렌더링으로 인한 중복 fetch 발생 해결 사례
인앱브라우저에서 사용자 튕겨버리기
인앱브라우저에서 navigator 사용 불가시, 사용자 튕기기
2025.03
냄새나는 코드?
불필요한 조건문 걷어내기
2025.02
Composition Event
compostion event를 사용한 input 디버깅 사례
2025.01
debouncing, throttling
debouncing, throttling 직접 만들어 보기
2024.12
Parallel, Intercepting routes
Next.js Parallel, Intercepting routes로 모달 만들기
OnDemand revalidation
Next.js의 revalidatePath 기능을 활용한 ISR 구현 사례
turborepo 구성
turborepo로 monorepo 기본 세팅하기
localhost 모바일 테스트
모바일에서 Next.js 앱을 테스트하기 위한 네트워크 설정 방법
Lazy Loading
Next.js 라이브러리 동적 임포트를 통한 서버 에러 해결 사례
Supabase User 자동입력
Supabase auth 이용시 user row 자동입력 sql
pwa
Next.js 14에서 pwa 설정하기
Supabase auth with Next.js-3
Next.js와 Supabase auth로 인증/인가 구현 3편
Supabase auth with Next.js-2
Next.js와 Supabase auth로 인증/인가 구현 2편
Supabase auth with Next.js-1
Next.js와 Supabase auth로 인증/인가 구현 1편
에러 던지기
Try-Catch에서 에러 재던지기 전략
template.tsx
Next.js 에서 template.tsx 의 역할
keyof typeof
TypeScript keyof typeof를 활용한 객체 키의 타입 추론 방법
2024.11
as const
TypeScript const Assertion을 활용한 type 최적화 사례
2024.10
번역 - Advanced Server Rendering
tanstack-query 공식문서 Advanced Server Rendering 번역
2024.09
번역 - Server Rendering
tanstack-query 공식문서 Server Rendering 번역
2024.08
번역 - prefetchQuery
tanstack-query 공식문서 prefetchQuery 번역
2024.07
renderToString
라이브러리 사용시 React컴포넌트 renderToString 활용 사례
2024.06
tanstack-query optimistic
낙관적 업데이트를 통한 효율적인 상태 관리와 그 한계 이해 사례
2024.05
tanstack-query querykey
queryKey에 accessToken 포함하여 데이터 혼합 문제 해결 사례
2024.04
Supabase select, join
Supabase에서의 조인(Query) 활용을 통한 데이터 가져오기 사례
2024.03
clsx
Tailwind CSS 클래스 조건부 적용을 위한 clsx 도입 사례
2024.02
tanstack-query life-cycle
Tanstack Query Life Cycle 의 이해
2024.01
tanstack-query 이해
TanStack Query 도입을 통해 전역 상태 관리의 복잡성 해소 사례
2023.12
Axios Interceptor
Axios 인터셉터 활용을 통한 요청 및 응답 자동화 처리 사례
2023.11
date-fns
문자열 형식의 날짜 유효성 검사와 date-fns 활용 사례
2023.10
Link state
React Link의 state를 활용한 간편한 상태 전달 방법
2023.09
JSON Server
백엔드 미완성 시 JSON Server 활용 사례
2023.08
todo 리팩토링하기
잘 정렬된 Props와 컴포넌트 구조를 통한 React 코드 리팩토링 사례
2023.07
Immer, Persist
zustand 상태 관리에서 immer와 persist 사용 사례
2023.06
RTK Immer
redux-toolkit 사용시 불변성 유지가 왜 자동으로 되는걸까?
2023.05
함수형 업데이트
리액트 리렌더링 최적화를 위한 함수형 setState 활용 사례
2023.04