코드 최적화 기능 구현

[Jelly1500]

Is your feature request related to a problem? Please describe.
사전에 충분히 조사하지 않고 bottom-up 방식으로 코드 최적화 로직을 구현하려 시도했습니다. 그 로직의 근간은 배포하려는 파일은 개발자가 이미 완성시킨 코드이므로 id, class 명을 의미를 알아볼 수 없도록 압축을 해도 상관없다는 아이디어입니다. 이에 더해 js 파일의 변수명, 함수명 또한 마찬가지로 압축하면 될 것이라고 생각하고, 각종 알고리즘들을 혼합해서 low 레벨부터 구현해나가기 시작했습니다. 하지만 20일 동안 삽질만 계속하고, 5일 뒤에 제가 생각했던 로직을 구현하는 것이 불가능에 가깝다는 것을 인지하였습니다.

Describe the solution you'd like
top-down 방식으로 사고하여, 현재 존재하는 다양한 최적화 방식 및 도구, 라이브러리들을 검색한 결과, js 코드 압축에는 webpack, UglifyJS를 사용하면 되고, CSS 코드 최적화 도구로는 CSSNano, PurgeCSS를 사용하면 되고, 번들링 및 압축 도구로는 Gulp, Parcel을 사용하면 된다고 파악했습니다. 검색한 여러 도구들의 사용 가능성을 따져보고, 최적화 기능에 녹여낼지 말지를 결정하도록 하겠습니다.각 도구들을 사용하는 방법을 익히고, 작동에 필요한 스크립트를 파이썬 또는 다른 언어로 작성한 다음 통합적으로 수행할 수 있도록 하겠습니다.

Describe alternatives you've considered
google lighthouse가 제공하는 기능 중 불필요한 코드 식별 기능이 있습니다. 이를 활용 가능하다면 손쉽게 코드 최적화가 가능합니다.

Additional context
기간 내에 프로젝트를 수행해야 할 때, 가장 처음에는 top-down 방식으로 사고하면서 자료조사를 수행해야 한다는 점을 뼈저리게 알게 되었습니다. 그렇지 않으면 20일 동안 삽질만 하고 아무것도 이루지 못한다는 것을 인지하게 되었습니다.