인프런 커뮤니티 질문&답변

안녕하세요, jjongrrr님

하나씩 차례로 답변드리겠습니다.

1. 

우선, Compress(압축)과 Minify(경량화?)를 구부하셔야 합니다. 둘은 다릅니다. 
말씀해주신 플러그인은 Minify 플러그인입니다.
조금 더 세분화해서 예를 들어보면,

• Minify: 실제 코드 실행에 불필요한 공백, 주석 등을 제거하는 작업
  • let test1 = 123;
    const test2 = 234; 
    
    --->    let test=123;const b=234;
  • 공백과 개행을 모두 제거했지만 코드 실행에는 아무 문제 없습니다.
• Uglify(난독화): 코드의 변수명이나 함수명등을 알아보기 힘들게 바꾸는 작업
  • let veryImportantValue = 123;
    
    ---> let a = 123;
  • 보안성 강화 + 긴 변수명 또는 함수명을 짦게 바꿔줘서 최적화 효과도 있음
• Compress: 네트워크 전송 시, 텍스트 데이터 자체를 압축하는 작업
  • 쉽게 생각해서 zip으로 압축하듯이 압축한다고 생각하시면 됩니다.
  • 일반적인 텍스트 파일(html, js, css 등)들은 압축을 통해 사이즈를 줄일 수 있습니다.
  • 웹에서 사용하는 압축방식은 gzip입니다.
  • 텍스트의 패턴에 따라 많게는 1/10, 적게는 1/5까지 사이즈가 줄어듭니다.

이렇게 정리할 수 있습니다.
Minify와 Uglify는 Build 타임에 적용이 되며, Compress는 네트워크 상에서 전송할 때 압축이 진행됩니다.
따라서 어떤게 좋다 나쁘다라고 할 수 없고 다른 작업들입니다. 모두 적용하는게 일반적으로는 효율적입니다.

2.

네, 맞습니다.
위에 정리해뒀듯, Minify와 Uglify는 코드 실행에 전혀 영향을 주지 않습니다. 단지 사람이 보기 힘들어 졌을 뿐입니다.

3.

1번에서 언급했듯 일반적으로 모두 적용하는 것이 효율적입니다.

4. 

음... 이건 그 분이 잘못 알고 계신겁니다.
텍스트 압축(gzip) 시간은 서비스 시간에 거의 영향을 주지 않습니다.

강의에서도 언급했던거 같은데요, 대략 2KB를 기준으로 그 이하 사이즈인 파일은 압축은 안하는 것이 더 낫습니다. 반대로 그 이상의 사이즈 파일은 압축을 하는 것이 좋다는 것이되는 거죠.
(보통 이 분기는 압축을 적용하는 곳에서 해줍니다.)

그런데 서비스 코드 중에 2KB를 안 넘는 것이 과연 얼마나 될까요?
거의 없죠.. 즉, 웬만하면 압축을 하는게 좋다는 겁니다.

이 gzip을 적용하는 작업은 작업 리소스 대비 효율이 굉장히 좋습니다.
꼭 하시길 바랍니다. 코드가 500KB라면 압축 후, 거의 100~50KB가 될겁니다.

답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다. :)