본문으로 건너뛰기

Blog

기술 기록

Frontend

브라우저 이미지 최적화 파이프라인 구축기

엑셀과 이미지 ZIP으로 PPT 슬라이드를 생성하는 서비스에서, 서버 업로드 전에 브라우저 단에서 ZIP 내부 이미지를 리사이징해 payload를 줄였다.

Frontend

컨텐츠 미리보기 기능 구현 시 postMessage vs Base64 URL 방식 비교

어드민에서 입력 중인 콘텐츠 값을 새 탭 미리보기에 실시간 반영해야 했다. 두 가지 접근을 비교한 끝에 postMessage를 골랐다.

Mobile

HealthKit API 완전 정복 — Workout 트래킹 관점에서 본 API 비교

iOS 러닝 앱을 만들면서 HealthKit API 이름들이 너무 비슷해 길을 잃었다. 다음에 또 헤매지 않으려고 한 번 정리한 학습 일지다.

Frontend

React 19에서 useEffect 안의 setState가 위험한 이유

useEffect 안에서 동기적으로 setState를 호출하면 왜 깜빡임이 생기는지, React가 렌더 중 setState를 어떻게 다르게 처리하는지 내부 동작까지 정리한 학습 일지.

Frontend

Monorepo & Package 관리 학습 일지

pnpm Workspaces와 Turborepo를 중심으로 semver, lockfile 구조, node_modules 3단 링크, 내부 shared package 관리까지 정리한 학습 기록.

Frontend

Python 가상환경 에러 & 해결 가이드

퍼블리싱 파이프라인 v5 실행 중 발생한 Python 환경 에러들과 해결 방법

Mobile

iOS 러닝 앱 측정 기능 구현 회고

iOS 러닝 앱 개발 중 마주친 Auto-Pause, GPS/Pedometer 이중 거리 측정, 위젯 동기화, 백그라운드 처리 등 실제 트러블슈팅 10가지를 정리한 회고.

DevTools

모바일로 코딩하기: Claude Code Remote Control 완전 가이드

모바일 Claude 앱으로 원격에서 Claude Code를 제어하는 두 가지 방식—Remote Control과 Web Session—의 설정 방법과 실제 활용 사례 정리

DevTools

Claude Code에서 99.8% 토큰을 절약한 방법 — RTK 실전 분석

실제 프로덕션 모노레포에 RTK(Rust Token Killer)를 도입한 30일 결과. 564.8M 토큰 중 563.8M을 절약한 수치와 원리를 분석한다.

Frontend

CDN이 뭔지 모르는 프론트엔드 개발자를 위한 CDN 입문

CDN의 개념부터 이미지 최적화, JS 라이브러리 로딩까지. "대충 아는" 상태가 답답해서 한번 제대로 파봤다.