본문으로 건너뛰기

Blog

기술 기록

Frontend

ResizeObserver CSS 변수 직접 갱신 vs React state + rAF 선택 기준

레이아웃 측정값을 UI에 반영할 때 ResizeObserver로 CSS 변수를 직접 갱신할지, React state로 올릴지 그 기준을 정리했다.

TypeScript

TypeScript 메서드 bivariance와 배열 공변성 정리

메서드 문법과 함수 프로퍼티 문법의 매개변수 검사 차이, 메서드가 느슨하게 검사되는 이유, 배열 공변성이 만드는 런타임 구멍과 그 해결책을 정리했다.

Frontend

브라우저 이미지 최적화 파이프라인 도입기

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

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—의 설정 방법과 실제 활용 사례 정리