init repo

Author: Violet-Bora-Lee

.github/workflows/lighthouse.yml

@@ -0,0 +1,69 @@
+name: Lighthouse CI
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+    inputs:
+      url:
+        description: 'URL to run Lighthouse on'
+        required: false
+        default: 'http://localhost:8080'
+
+jobs:
+  lhci:
+    name: Lighthouse
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Install dependencies
+        run: |
+          npm install -g @lhci/[email protected]
+          npm install -g http-server
+      - name: Start local server
+        run: http-server . -p 8080 &
+      - name: Run Lighthouse CI
+        run: |
+          URL="${{ github.event.inputs.url || 'http://localhost:8080' }}"
+          lhci autorun --collect.url=$URL
+      - name: Format and Log Lighthouse score
+        run: |
+          echo "Lighthouse 성능 측정 결과"
+          if [ -f .lighthouseci/links.json ]; then
+            LATEST_JSON=$(ls -t .lighthouseci/lhr-*.json | head -n1)
+            if [ -n "$LATEST_JSON" ]; then
+              jq -r '.categories | to_entries[] | "\(.key): \(.value.score * 100 | floor)"' "$LATEST_JSON" | while read line; do
+                key=$(echo "$line" | cut -d':' -f1)
+                score=$(echo "$line" | cut -d':' -f2)
+                if (( $(echo "$score >= 90" | bc -l) )); then
+                  emoji="🟢"
+                elif (( $(echo "$score >= 50" | bc -l) )); then
+                  emoji="🟠"
+                else
+                  emoji="🔴"
+                fi
+                echo "$key: $emoji $score"
+              done
+              
+              # Try to extract report URL from links.json
+              REPORT_URL=$(jq -r '.html' .lighthouseci/links.json)
+              
+              # If the above fails, try to construct the URL from the JSON filename
+              if [ "$REPORT_URL" = "null" ] || [ -z "$REPORT_URL" ]; then
+                JSON_FILENAME=$(basename $LATEST_JSON)
+                HTML_FILENAME="${JSON_FILENAME%.json}.html"
+                REPORT_URL="https://storage.googleapis.com/lighthouse-infrastructure.appspot.com/reports/$HTML_FILENAME"
+              fi
+              
+              echo "Lighthouse 보고서 전체 보기: $REPORT_URL"
+            else
+              echo "No JSON report file found in .lighthouseci directory"
+            fi
+          else
+            echo "links.json not found. Unable to process Lighthouse results."
+          fi

.gitignore

@@ -0,0 +1,73 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+firebase-debug.log*
+firebase-debug.*.log*
+
+# Firebase cache
+.firebase/
+
+# Firebase config
+
+# Uncomment this if you'd like others to create their own Firebase project.
+# For a team working on the same Firebase project(s), it is recommended to leave
+# it commented so all members can deploy to the same project(s) in .firebaserc.
+# .firebaserc
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# dataconnect generated files
+.dataconnect
+
+
+# DS_Store files
+.DS_Store