최근 글
전체 글 보기프론트 에러 관측 · 4편
Chrome 확장 프로그램의 Failed to fetch 걸러내기
우리 번들에서 난 것처럼 보이던 확장 프로그램 에러를 원본 스택으로 구분해 알림에서 제외했다.
프론트 에러 관측 · 2편
프론트 에러 일간 리포트 만들기
전날 쌓인 RUM 에러를 정해진 시간에 Slack으로 받아보는 예약 작업을 만들었다.
프론트 에러 관측 · 1편
프론트엔드 에러 알림 구축
서비스와 환경별로 Datadog RUM 모니터를 만들고 새 에러를 Slack에서 받아보기 시작했다.
프론트 에러 관측 · 3편
Datadog RUM 노이즈 수집 줄이기
반복되는 외부 SDK 로그와 자동화된 접속을 확인하고 RUM 수집 설정을 바꿨다.
Next.js Server Action ID 고정
Next.js 15·Webpack 환경에서 CodeBuild 경로를 고정해 Action ID가 달라지는 문제를 해결했다. 이후 Turbopack으로 전환하면서 경로 고정 코드를 제거했다.
TrackFollows 운영기 · 2편
TrackFollows 파일 분석 오류 처리
매일 실패 로그를 보면서 HTML 파일과 손상된 ZIP, 개별 파일 업로드를 차례로 고쳤다.
TrackFollows 운영기 · 1편
TrackFollows 개발과 첫 달 운영
검색으로 사용자가 들어오는 서비스를 만들어보고 싶어서 TrackFollows를 만들었다. 첫 달에는 12,607명이 방문했다.
최근 수정한 노트
모든 노트개발 도구
Datadog 에러 수집과 알림 조건
RUM에 에러가 있는데 알림은 오지 않는 이유를 정리했다. 수집 출처와 이슈 상태, New Issue·High Impact 조건을 구분한다.
JavaScript · 브라우저
fetch 요청 취소와 에러 처리
AbortController로 요청을 취소한 경우와 HTTP 500 응답을 비교했다. 취소한 뒤에도 서버 작업이 계속되는 경우를 로컬 예제로 확인했다.
Next.js · React
Server Action과 일반 API 요청의 차이
Server Action도 브라우저에서 호출하면 네트워크 요청이 나간다. 일반 API 요청과 다른 점과 워터폴이 생기는 조건을 정리했다.