서버 렌더링한 이미지의 onError가 불리지 않던 이유
깨진 사진을 기본 그림으로 바꾸는 onError 처리가 있었는데도 서버 렌더링한 페이지에서는 깨진 이미지 아이콘이 그대로 남았습니다. 이미지의 error 이벤트가 하이드레이션보다 먼저 지나가는 순서 문제였고, React 19.2 소스에서 원인을 확인한 뒤 마운트 때 이미지 상태를 다시 읽는 훅으로 고쳤습니다.
2026년 10월 26일
5분 읽기
카테고리
- SVG 에디터 인터랙션이 꼬일 때 디버깅한 순서
- SVG 에디터에서 문서 상태와 편집 상태의 경계를 나눈 기준
- Three.js 3D 수학교구의 가림 문제를 depthTest, depthWrite, renderOrder로 정리한 기준
- 수학교구 캔버스 구조: DigitalMathElement와 2D·3D 렌더러 경계
- 수학교구 SVG 캔버스의 인터랙션 구조: 입력 이벤트, store 선택 흐름, 교구별 조작 규칙
- SVG 에디터 undo/redo 스냅샷 설계
- SVG 좌표 변환에서 포인터 위치가 어긋나는 문제
- SVG 도형 리사이즈 핸들 제약 조건 정리
- Three.js 오브젝트 선택 디버깅: Raycaster 대상, hit area, 선택 우선순위 정리
- Three.js 좌표축 클릭 시 카메라 방향 꼬임 문제
- Three.js 겨냥도 구현하기
- Three.js LineGeometry 문제 해결
- useLine 로직 통합하기