이전 시간에는 성능을 분석해보고 어느 부분에서 성능상의 이슈가 있는지를 도출하는 일을 했습니다. 이제 그럼 거기서 발견된 성능 이슈를 해결하기 위한 본격적인 최적화 작업을 수행해봅시다.

실습을 위한 예시 어플리케이션은 아래 링크에서 가져올 수 있습니다. 해당 어플리케이션은 우아한테크코스에서 제공하는 실습자료이며, 제가 제작한 자료가 아님을 밝힙니다.

Untitled

https://github.com/woowacourse/perf-basecamp

위 어플리케이션을 clone 해서 npm run serve 를 통해 실행해보았다면 성능 분석을 통해 여러 문제가 있음을 알 수 있을 것입니다. 굳이 분석하는 것까지 이번 시간에는 다루지 않고, 바로 어떤 문제가 있는지를 짚어보겠습니다.

그러면 문제를 하나씩 고쳐봅시다.

소스코드 최적화