![]()
최근 production 환경에서 발생하는 에러가 어느 코드 부분에서 발생했는지 자세히 알기 위해 datadog uploading source map 설정을 했습니다. 이 과정에 대해 공유해보려 합니다. 이 포스팅을 읽고 난 뒤에는 아래의 내용들을 이해하게 됩니다. Next.js에서 source map 설정하기 Production 환경에서 안전하게 source map 다루기 Datadog source map 업로드하기 GitHub Actions를 사용해 Vercel build, deploy하기 What is source map 먼저 source map이 뭔지부터 알아야 합니다. 간략하게 설명하자면 빌드된 파일과 원본 파일을 매핑시켜주는 역할을 하는 파일이라 생각하시면 됩니다. 자세한 설명은 링크로 대체하..
NFT 프로젝트에 대한 랜딩페이지를 개발할 때 겪었던 AWS S3의 sub directory에 대한 pathname 이슈를 공유하고자 한다. 문제 간단한 landing page였기 때문에, vitejs로 HTML, CSS, JavaScript를 사용하기 위한 환경을 부트스트랩하였다. 총 3개의 페이지를 개발해야 했기 때문에, vitejs에서 지원해주는 multiepage 기능을 활용했다. 개발 완료 후, AWS S3와 CloudFront를 활용해 배포를 구성하고 도메인에 접속했더니 sub directory에 대한 접속이 되지않았고, index.html을 작성해야지 비로소 접속이 되었다. https://my-domain.com/subDirectory/ -> 접속 안됨 https://my-domain.com..
