Coder Social home page Coder Social logo

icchoi / infra-subway-performance Goto Github PK

View Code? Open in Web Editor NEW

This project forked from next-step/infra-subway-performance

0.0 0.0 0.0 962 KB

NextStep 인프라공방 3주차 : 안정적인 인프라 만들기

License: MIT License

JavaScript 7.64% Java 35.29% HTML 0.33% Vue 20.86% SCSS 35.88%

infra-subway-performance's Introduction

npm node Website GitHub


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


🚀 Getting Started

Install

npm 설치

cd frontend
npm install

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

Usage

webpack server 구동

npm run dev

application 구동

./gradlew clean build

미션

  • 미션 진행 후에 아래 질문의 답을 작성하여 PR을 보내주세요.

1단계 - 화면 응답 개선하기

  1. 성능 개선 결과를 공유해주세요 (webpagetest 테스트 결과)
  2. 어떤 부분을 개선해보셨나요? 과정을 설명해주세요
    • gzip, cache, http2, 보안 관련 개선을 진행하였는데요, 실제로 웹 페이지 테스트시 가시적으로 보여주는 성능 지표가 바뀌니 신기하다고 생각 했습니다.
    • 그런데 nginx가 이런 개선을 어떻게 코드 한 줄로 개선하지에 대한 이해가 부족해 추후에 공부가 필요한 부분이네요. 😢

2단계 - 스케일 아웃

  1. Launch Template 링크를 공유해주세요.

  2. cpu 부하 실행 후 EC2 추가생성 결과를 공유해주세요. (Cloudwatch 캡쳐)

$ stress -c 2
  1. Scale out 후 성능 개선 결과를 공유해주세요 (Load, Stress 테스트 결과)

3단계 - WAS 개선하기

  1. springboot에 HTTP Cache, gzip 설정하기

  2. Data Cache 설정하기

  3. Scale out 후 성능 개선 결과를 공유해주세요 (Load, Stress 테스트 결과)

infra-subway-performance's People

Contributors

brainbackdoor avatar icchoi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.