국수네 국수집

레시피

개발하다 마주친 문제와 해결 과정을 기록합니다.

토큰 아끼는 법을 검색하다가, 내가 얼마 쓰는지도 모른다는 걸 깨달았다Claude Code 사용량 추적기 tokkaebi를 만들며 알게 된 것들2026. 08. 12. 7분AI오픈소스0원 결제가 가능했던 이유 — 프론트 인메모리를 믿으면 안 되는 이유결제 금액을 프론트가 들고 있다 서버로 넘기는 설계의 위험성과, 크롬 개발자도구로 그 값을 0원으로 바꿔보는 재현, 그리고 서버 권위 기반으로 다시 설계하는 법2026. 07. 22. 6분보안결제setInterval로 만든 타이머는 왜 시간이 밀릴까prev+1 방식 타이머의 drift 문제와, Date.now()로 실제 경과 시간을 읽어 해결하는 법 그리고 그 한계2026. 06. 22. 6분React타이머SSE로 스트리밍할 때 에러를 다루는 법EventSource로 토큰을 받아 그릴 때 마주치는 세 가지 에러 케이스와 useRef로 해결하는 방법2026. 06. 11. 10분SSELLM검정 배경과 중복 이미지, 브라우저에서 픽셀로 걸러내기AI 없이 픽셀만으로 상품 이미지를 사전 검수하기2026. 06. 02. 7분Canvas이미지React SPA의 HTML 캐시 무효화 문제 해결기배포했는데 왜 이전 버전이 나타나죠?2026. 05. 27. 7분배포캐싱브라우저에서 AI를 돌릴 수 있다고요?Transformers.js 톺아보기2026. 05. 26. 8분Transformers.jsAI웹뷰환경에서 네이티브 UI 구현하기네이티브 페이저(pager)를 웹뷰로 구현해보자2026. 05. 23. 12분Three.jsWebViewqa-recorder 라이브러리 개발기Claude Code로 오픈소스 라이브러리를 만들어보자22026. 05. 01. 8분오픈소스video-encoder 라이브러리 개발기Claude Code로 오픈소스 라이브러리를 만들어보자2026. 05. 01. 6분오픈소스모바일 WebView에서 video 태그를 다루며 겪은 것들20MB 영상부터 Dual Buffer 전환 엔진까지, iOS WebView 비디오 트러블슈팅 전 과정2026. 04. 15. 5분WebView비디오왜 lodash-es를 사용할까CommonJS와 ES Modules의 차이를 알아보자2026. 01. 20. 4분JavaScript번들링iOS Safari에서만 SVG 아이콘이 사라졌던 디버깅 기록SVG와 BFCache 환장의 콜라보2025. 12. 29. 7분디버깅iOS프론트엔드 개발자가 착각하기 쉬운 .env의 진실환경변수를 브라우저에서 확인 가능하다구요?2025. 11. 14. 4분환경변수Next.js SSR, 정말 전부 서버에서 렌더링해야 할까?SEO 전용 SSR로 성능과 SEO 품질 둘 다 잡아보자!2025. 11. 01. 5분Next.jsSSRFigma에서는 예쁜데, 웹에서는 왜 더 두꺼워 보일까?같은 폰트(Pretendard)가 다르게 렌더링되는 이유를 알아보자!2025. 10. 20. 5분CSS폰트'🍄'.length === 2? 자바스크립트에서 이모지 문자열 길이의 함정과 해결법이모지 하나가 length 2로 계산되는 이유부터, 실제 UX 기준의 '글자 수'를 세는 방법까지 정리해 보자!2025. 10. 08. 5분JavaScriptinput type=file onChange 미작동 문제 해결input type=file onChange 미작동 문제 해결해 보자!2025. 08. 10. 4분디버깅the node before which the new node is to be inserted is not a child of this node 에러를 해결해 보자브라우저 자동번역이 원인이라고?2025. 06. 02. 5분디버깅Storage말고 IndexedDB는 어때요?IndexedDB A to Z2025. 05. 21. 5분스토리지event.target과 event.currentTarget의 차이event.target과 event.currentTarget의 차이를 알아보자!2025. 02. 12. 3분JavaScriptDOM클로저와 함께하는 디바운스 & 쓰로틀링디바운스와 쓰로틀링을 클로저로 이해해 보자!2025. 02. 12. 5분JavaScriptSVG를 알아보자쉽지만 어려운 SVG2025. 02. 01. 5분SVGNext.js에서 pdf다운하기html2canvas와 jspdf 말고 puppeteer를 사용하자!2025. 01. 16. 6분Next.jscanvas.toBlob이 IOS에서 null을 반환 받는 경우어렵고 어려운 크로스 브라우징2024. 11. 12. 2분CanvasiOS사내 테스트코드 도입기나도 드디어 도전한다 TDD!2024. 01. 05. 5분테스트HEIF형식 이미지 업로드 대응최신 이미지 포맷인 HEIF를 아시나요?2023. 10. 10. 4분이미지ReactDOMClient.hydrateRoot사용 시, hydration 오류next.js 및 react에서 자주 발생하는 hydration오류, 넌 뭐니?2023. 08. 10. 5분ReactNext.jsGit - remote: The project you were looking for could not be found or you don't have permission to view it.원격저장소에서 발생하는 Git 오류를 해결 과정2023. 07. 20. 3분Gitnext/image - Error handlingnext/image 컴포넌트로 이미지 에러를 핸들링해 보자!2023. 07. 03. 2분Next.js