본문 바로가기

전체 글

(212)
[RangeError] : Incorrect locale information provided 1. Next.js 어플리케이션 ECS 컨테이너 로그에 동일로그 반복적인 발생[RangeError] : Incorrect locale information provided 2. 로그를 통해 원인 추정Error [RangeError]: Incorrect locale information providedat Intl.getCanonicalLocales ()Intl.getCanonicalLocales는 국제화 API (Intl)에서 사용되며, 브라우저 또는 Node.js에서 locale string이 유효한지 검사할 때 호출된다.이 함수에 잘못된 locale 문자열(예: en_kr 혹은 undefined, 123)이 들어오면 RangeError가 발생.발생 위치 : file:///application/.nex..
[Next.js] 외부 스크립트로 인한 removeChild 오류 분석 및 해결 전략Cannot read properties of null (reading 'removeChild') Next.js App Router 환경에서 removeChild 에러가 발생하는 현상을 분석하고, 근본 원인 및 실질적인 해결 방법을 안내합니다.1. 에러 현상 개요Next.js 기반의 서비스에 외부 라이브챗 서비스를 연동한 후, 페이지 이동시 global-error 페이지로 떨어지는 형상이 발생했다.또한, Sentry와 같은 APM 도구에서는 다음과 같은 형태로 에러가 포착:TypeError: Cannot read properties of null (reading 'removeChild')incomplete-app-router-transaction 단순히 외부 라이브챗 스크립트를 적용했을 때만 발생하는 현상이었으므로, 외부스크립트의 동작이 원인일 것으로 예측하였다. 2. 현상 파악 과정과거에도 동일한 ..
[3/3] Next.js + AWS ECS 컨테이너 배포하기 : CodePipeline 활용한 CI/CD 자동화와 Docker 빌드 최적화 사례 분석 ⚠️ 주의: 이 포스팅을 포함한 총 3편의 Next.js 배포 최적화 시리즈는 제가 실제 환경에서 시행착오를 겪으며 얻은 경험과 지식을 정리한 글입니다.이 글들은 완벽한 정답이 아니라, 다양한 시도와 시행착오를 통한 저의 삽질기이자 성장 과정이며, 동시에 나와 비슷한 고민을 하는 사람들과 지식을 나누고자 하는 목적으로 작성되었습니다.따라서, 가능하면 3편의 글을 모두 읽고, 환경과 상황에 맞춰 신중히 테스트한 후 적용하는 것을 추천합니다.마지막까지 읽으시면 무엇이 문제였는지, 그리고 어떻게 해결했는지 확인할 수 있습니다! 🚨🚧✨ 📋 총 3편의 글 리스트 https://tacit.tistory.com/267 Next.js + AWS ECS 컨테이너 배포하기 : CodePipeline 활용한 CI/CD..