메로그

Next.js로 개발한 서비스를 운영하던 중, OOM 이 발생했습니다.초기에는 트래픽 급증으로 인한 문제라고 판단했습니다. 검증 서버에서는 동일한 현상이 발생하지 않았고, 운영 환경에서만 증상이 나타났기 때문입니다. 그러나 실제로는 평소와 유사한 수준의 트래픽이었으며, 오토 스케일링도 정상적으로 동작하고 있었습니다.문제 확인Q. 로그 확인A. FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 다음과 같은 에러가 발생하고 있었다. Q. 메모리 모니터링A. 아래 그래프로 서버가 내려가면서 다시 실행될 때 메모리가 증가되는 '산' 모양의 그래프가 나오는 것을 확인 노드 버전..

Nextjs 를 만든 Vercel 에서 Workflow 라는 패키지를 이번에 출시했습니다.AI 에이전트, 데이터 패칭 파이프라인을 구축하는 개발자의 경우, 비동기 함수를 안정적으로 구현하려면 일반적으로 메시지 큐, 재시도 로직 들이 필요로 합니다.이러한 인프라를 추가하는 데는 실제 비즈니스 로직을 작성하는 것보다 더 오랜 시간이 걸리는 경우가 많은데, Vercel 은 이를 쉽고 빠르게 해결하기 위한 패키지를 제작하고 출시했습니다. 현재 Nextjs, Nitro 에서만 사용하고 있지만, 추후 다른 프레임워크 지원 예정 (2025년 10월 27일자 기준) 참조 싸이트https://vercel.com/blog/introducing-workflow Built-in durability: Introducing Wo..

현재 사용하는 대부분의 서비스는 EKS, ECS 기반으로 운영되고 있습니다. 하지만 간단한 프로젝트를 진행할 때는 컨테이너 기반 설정보다 빠른 환경 세팅이 중요한 경우가 많습니다. 이럴 때는 Elastic Beanstalk(EB) 을 활용하는 편이 훨씬 간단하고 효율적입니다.특히, CI/CD를 구축할 때 ECS보다 EB가 훨씬 빠르게 배포 파이프라인을 구성할 수 있습니다.이번 프로젝트의 목표가 간단한 프로젝트 진행 후, 빠르게 배포하는 것이었기 때문에 EB를 선택했습니다.따라서 비슷한 상황이라면 EB + GitHub Actions 조합을 추천드립니다. 우선, ASW ElasticBeanstalk 에 가서 애플리케이션을 생성해줍니다. 다음과 같이 셋팅하고 애플리케이션 코드는 올려도 되고 올리지 않아도 됩니..

15.2.3 이하 버전은 사용 금지.미국 샌프란시스코 기반 Vercel은 지난 18일 Next.js 15.2.3에서 해당 취약점을 패치한 뒤, 21일 보안 권고문을 발표했다. 해당 취약점은 보안 연구원 알람 라시드(Allam Rachid)와 알람 야서(Allam Yasser)가 발견해 지난달 27일 Vercel에 보고했으며, CVSS(공통 취약점 평가 시스템) 기준으로 심각도 9.1점을 기록.next start와 output: 'standalone'을 사용하는 모든 자체 호스팅 Next.js 배포는 즉시 업데이트할 것을 권장함.

해당 프로젝트는 WebView 환경에서 동작하기 때문에, 모바일 앱 측으로 Google Analytics(GA) 트래킹 데이터를 전달해야 했습니다.아래는 Next.js 환경에서 모바일(WebView) 쪽으로 GA 트래킹 정보를 전달하는 방법에 대한 간단한 가이드입니다.브릿지 인터페이스 정의글로벌 윈도우 인터페이스를 확장하여 네이티브 브릿지와 GA4 메서드를 타입스크립트에서 인식할 수 있도록 함.export {}declare global { interface Window { webkit?: { messageHandlers?: { firebase?: { postMessage: (message: { command: string; ..

Nextjs14 에서 타사 라이브러리 사용하기해당 라이브러리를 활용하여 타사 라이브러리를 쉽고 빠르게 사용할 수 있는 라이브러리 입니다.이를 이용해서 GTM, GA 를 Nextjs 에서 적용해봅시다.@next/third-parties 라이브러리 설치해당 라이브러리는 인기있는 타사 라이브러리를 로딩할 때 성능과 개발자 경험을 개선하기 위한 라이브러리로 현재 v14.2.15 에서도 아직 활발하게 개발 중인 실험적 라이브러리입니다.npm install @next/third-parties@latest next@latestpnpm, yarn 을 쓰시는 분들은 맞는 문법으로 다운받으시면 됩니다. 필자는 pnpm 썻음.GTM, GA 연동해보기구글 태그 매니저(GTM)과 구글 애널리틱스(GA) 를 연동하기 위해서는 @..