Azure Application Insights를 Sentry(error tracking) + Umami(analytics) 조합으로 교체

.github/workflows/deploy.yml

@@ -27,7 +27,8 @@ jobs:
 
       - name: Vite 프로젝트 빌드
         env:
-          VITE_APPINSIGHTS_CONNECTION_STRING: ${{ secrets.VITE_APPINSIGHTS_CONNECTION_STRING }}
+          VITE_SENTRY_DSN: ${{ secrets.VITE_SENTRY_DSN }}
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
         run: npm run build
 
       - name: GitHub Pages에 배포

.gitignore

@@ -26,3 +26,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Sentry Config File
+.env.sentry-build-plugin

docker-compose.yml

@@ -1,4 +1,3 @@
-version: "1.0.0"
 services:
   web:
     container_name: docker-ko-dev
@@ -9,12 +8,9 @@ services:
       - "5173:5173"
     volumes:
       - ./:/app
-      # 호스트에 node_modules가 없을 경우 이미지에서 설치된 종속성을
-      # 유지하기 위해 이름 있는 볼륨을 사용합니다.
-      - node_modules:/app/node_modules
+      # 익명 볼륨으로 node_modules 보호
+      # 호스트의 node_modules가 컨테이너 것을 덮어쓰지 않도록 방지
+      - /app/node_modules
     environment:
       - NODE_ENV=development
-
-volumes:
-  node_modules:
-    name: docker-ko-node_modules
+      - VITE_SENTRY_DSN=${VITE_SENTRY_DSN}

index.html

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Docker 공식 문서의 한국어 번역 프로젝트. 컨테이너(Container)와 이미지(Image) 개념, 설치 방법, 실습 튜토리얼, CLI, Compose, Swarm 등 DevOps와 개발자를 위한 최신 Docker 가이드와 베스트 프랙티스, 실전 예제, 문제 해결, 오픈소스 커뮤니티 정보까지 모두 제공합니다. 초보자와 전문가 모두를 위한 학습 자료와 FAQ 수록." />
     <script type="module" src="./src/scripts/main.ts" defer></script>
+    <script defer src="https://cloud.umami.is/script.js" data-website-id="abae660b-fe7b-491e-93c2-4c47d29fc426"></script>
     <link
       rel="icon"
       type="image/svg+xml"