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)
```
관련 도구
H
Hash Generator
S
SERP Preview
O
OG Tag Debugger
H
Heading Analyzer
P
Password Generator
K
Keyword Density Analyzer
R
Readability Score
U
Unix Timestamp Converter
X
XML Sitemap Generator
S
Schema.org Generator
C
Cron Expression Generator
L
Link Extractor
C
Canonical Tag Checker
C
Chmod Calculator
R
Robots.txt Analyzer
S
String Escape / Unescape
I
IP Subnet Calculator
S
Structured Data Validator
C
Color Code Converter
W
Word Count & SEO Grade
메
메타 길이 검사기
C
CSV ↔ JSON Converter
U
URL 슬러그 생성기
X
XML ↔ JSON Converter
키
키워드 밀도 분석기
S
SQL Formatter
M
Markdown Table Generator
H
HTTP Status Code Reference
M
Meta Tags Generator
R
Robots.txt Generator
.
.gitignore Generator
H
HTML Formatter
C
CSS Unit Converter
J
JSONPath Evaluator
T
Text Diff Checker
D
Data URI Converter
L
Lorem Ipsum Generator
P
Path Converter
.
.htaccess Generator
.
.env Validator
P
Placeholder Image Generator