What is Minification?

공백, 주석, 불필요한 문자를 제거하여 코드 파일(JavaScript, CSS, HTML) 크기를 줄이는 과정입니다. 기능은 동일하게 유지되면서 파일 크기와 로드 시간이 줄어듭니다.

미니피케이션 — 코드 크기 축소 가이드

기술 세부사항

미니피케이션 기법: 공백/줄바꿈 제거, 주석 삭제, 변수명 축약(맹글링), 데드 코드 제거(tree shaking). 일반적인 도구: Terser(JavaScript), cssnano(CSS), html-minifier(HTML). 소스맵(.map 파일)은 미니파이된 코드를 원본에 매핑하여 디버깅을 지원합니다. 일반적으로 30-50% 크기 절감이 가능합니다.

예시

```javascript
// Simple CSS minifier
function minifyCSS(css) {
  return css
    .replace(/\/\*[\s\S]*?\*\//g, '')  // remove comments
    .replace(/\s+/g, ' ')                // collapse whitespace
    .replace(/\s*([{};:,])\s*/g, '$1')   // remove around symbols
    .trim();
}
// 1024 bytes → 612 bytes (40% reduction)
```

Categories

Minification

기술 세부사항

예시

관련 도구

관련 용어