2026
Mermaid 다이어그램 확대 기능 추가하기
viewBox로 크기 복원과 flexbox 중앙 정렬
읽기 좋은 글
AI 정보 홍수 시대에서 살아남기 위한 글쓰기
React의 렌더링 규칙
리렌더링 조건과 오해를 기준으로 React 렌더링 다시 보기
이것이 리눅스다
Rocky Linux로 시작해서 네트워크 서버 구축까지
PS를 위한 파이썬 정리
코딩테스트에서 자주 사용했던 파이썬 문법, 라이브러리, 알고리즘 템플릿 등 정리
누구나 아는 나만 모르는 챗GPT
개발자가 읽은 왕초보 AI 입문서
러스트로 갈아타기: 프론트엔드 개발자의 러스트 입문기
레거시 코드는 살리고 성능은 높이는 단계별 리팩터링 전략
2025
Zustand Store 분리로 리렌더링 줄이기
Store 설계로 컴포넌트 리렌더링 범위를 결정하는 방법
Socket.IO의 Room 기반 Pub/Sub과 Redis Adapter
이벤트가 사용자에게 도달하기까지
React에서 Socket.IO 연결 관리하기
싱글톤, 생명주기, React Query 캐시 동기화까지의 설계 과정
웹 비디오에서 프레임 단위 정밀도의 한계
currentTime, 부동소수점, epsilon 비교
2025년 하반기(7~12월) 회고
시지프의 돌을 굴리며
커넥션 풀이 고갈되기까지
AI 요청 지연이 DB 커넥션 누수로 이어진 과정
화면 리사이징으로 인한 드로잉 어긋남 해결하기
좌표계와 스케일링 삽질기
React Server Component
서버에서 렌더링하고 JavaScript 번들 줄이기
Canvas 위에 Konva 한 겹 얹기
비트맵의 한계와 씬 그래프 도입기
setTimeout(0)으로 React와 Canvas 타이밍 맞추기
setState 직후에 toDataURL()을 호출하면 안 되는 이유
React Compiler 톺아보기
useMemo, useCallback 없이 자동 최적화되는 React 19
왜 React는 객체 비교에 민감할까
참조 동등성이 리렌더링을 결정하는 방식
2025년 3~6월 회고
몰입과 실험, 기본기의 중요성을 깨달은 한 학기
remark/rehype 플러그인으로 마크다운의 한계 넘기
이미지 캡션, 수식, CJK 볼드 처리하기
Shiki로 빌드 타임 코드 하이라이팅 구현하기
빌드 타임 하이라이팅으로 런타임 부담 없애기
만료되는 Notion 이미지를 Sharp로 영구 저장하기
Notion 이미지 URL 만료 문제 해결과 sharp 기반 최적화
네컷사진 이미지를 브라우저에서 처리한 과정
Canvas API 이미지 처리와 포맷 선택, ffmpeg WASM 영상 압축까지