클로저 컴파일러 애플리케이션 시작하기
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
클로저 컴파일러 애플리케이션의 Hello World
클로저 컴파일러 애플리케이션은 자바스크립트에서 오류를 압축, 최적화하고 실수를 찾는 자바 명령줄 유틸리티입니다. 간단한 자바스크립트 프로그램으로 클로저 컴파일러 애플리케이션을 사용해 보려면 다음 단계를 따르세요.
이 연습을 수행하려면 자바 런타임 환경 버전 7이 필요합니다.
-
클로저 컴파일러 패키지 다운로드
closure-compiler
라는 작업 디렉터리를 만듭니다.
Maven 저장소에서 가장 최근에 출시된 JAR 파일을 다운로드하고 closure-compiler
에 저장합니다.
-
자바스크립트 파일 만들기
다음 자바스크립트를 포함하는 hello.js
파일을 만듭니다.
// A simple function.
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
이 파일을 closure-compiler
디렉터리에 저장합니다.
-
자바스크립트 파일 컴파일하기
closure-compiler
디렉터리에서 다음 명령어를 실행합니다.
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
이 명령어는 다음 자바스크립트가 포함된 hello-compiled.js
라는 새 파일을 만듭니다.
function hello(a){alert("Hello, "+a)}hello("New User");
컴파일러에서 주석, 공백, 불필요한 세미콜론을 제거했습니다. 또한 컴파일러는 매개변수 이름 longName
를 더 짧은 이름 a
로 대체했습니다. 그 결과 자바스크립트 파일이 훨씬 작아집니다.
컴파일된 자바스크립트 코드가 여전히 올바르게 작동하는지 확인하려면 다음과 같이 HTML 파일에 hello-compiled.js
를 포함하세요.
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
브라우저에 HTML 파일을 로드하면 친숙한 인사말이 표시됩니다.
다음 단계
이 예에서는 클로저 컴파일러에서 수행하는 가장 간단한 최적화만 보여줍니다. 컴파일러의 기능에 관해 자세히 알아보려면 고급 컴파일 및 익스텐션을 참고하세요.
클로저 컴파일러의 다른 플래그 및 옵션을 자세히 알아보려면 jar를 --help
플래그와 함께 실행합니다.
java -jar compiler.jar --help
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2022-12-05(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2022-12-05(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2022-12-05(UTC)"]]