npm node Website GitHub


인프라공방 샘플 서비스 - 지하철 노선도


🚀 Getting Started

Install

npm 설치

cd frontend
npm install

frontend 디렉토리에서 수행해야 합니다.

Usage

webpack server 구동

npm run dev

application 구동

./gradlew clean build

1단계 - 웹 성능 테스트

  1. 웹 성능예산은 어느정도가 적당하다고 생각하시나요
  • 지표(데스크탑 기준)
  • 목표 지표 ( 20% 상향)
측정 지표 카카오 맵 네이버 지도 Running Map 목표
FCP 1.6 초 0.5초 2.7 초 2.1초
TTI 2.0 초 0.5 초 2.8 초 2.2초
Speed Index 2.1 초 2.4 초 2.7 초 2.0초
TBT 0 초 0초 50 밀리초 50밀리초
LCP 1.7 초 1.5 초 2.8 초 2.0초
  1. 웹 성능예산을 바탕으로 현재 지하철 노선도 서비스의 서버 목표 응답시간 가설을 세워보세요.

최적화 방안 :

  • 데이터 압축 (gzip http/2 이용)
  • 이미지 데이터, Html/js 캐싱 이용 (-0.3s)

2단계 - 부하 테스트

  1. 부하테스트 전제조건은 어느정도로 설정하셨나요

  2. Smoke, Load, Stress 테스트 스크립트와 결과를 공유해주세요


3단계 - 로깅, 모니터링

  1. 각 서버내 로깅 경로를 알려주세요

  2. Cloudwatch 대시보드 URL을 알려주세요