Kotlin/JS 실행하기
Kotlin/JS 프로젝트는 Kotlin Multiplatform Gradle 플러그인으로 관리되므로, 적절한 태스크를 사용하여 프로젝트를 실행할 수 있습니다. 빈 프로젝트에서 시작하는 경우, 실행할 샘플 코드가 있는지 확인하세요. src/jsMain/kotlin/App.kt 파일을 생성하고 간단한 "Hello, World" 유형의 코드 스니펫으로 채우세요:
fun main() {
console.log("Hello, Kotlin/JS!")
}대상 플랫폼에 따라, 코드를 처음 실행하기 위해 플랫폼별 추가 설정이 필요할 수 있습니다.
Node.js 타겟 실행하기
Kotlin/JS로 Node.js를 타겟팅할 때, jsNodeDevelopmentRun Gradle 태스크를 간단히 실행할 수 있습니다. 이는 예를 들어 Gradle 래퍼를 사용하여 명령줄을 통해 수행할 수 있습니다:
./gradlew jsNodeDevelopmentRunIntelliJ IDEA를 사용하는 경우, Gradle 도구 창에서 jsNodeDevelopmentRun 액션을 찾을 수 있습니다:
처음 시작 시, kotlin.multiplatform Gradle 플러그인이 바로 실행할 수 있도록 필요한 모든 의존성을 다운로드합니다. 빌드가 완료되면 프로그램이 실행되고, 터미널에서 로깅 출력을 볼 수 있습니다:
브라우저 타겟 실행하기
브라우저를 타겟팅할 때, 프로젝트에 HTML 페이지가 있어야 합니다. 이 페이지는 애플리케이션을 작업하는 동안 개발 서버에서 제공되며, 컴파일된 Kotlin/JS 파일을 포함해야 합니다. /src/jsMain/resources/index.html HTML 파일을 생성하고 채우세요:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS Client</title>
</head>
<body>
<script src="js-tutorial.js"></script>
</body>
</html>기본적으로 참조되어야 하는 프로젝트의 생성된 아티팩트(webpack을 통해 생성됨) 이름은 프로젝트 이름입니다(이 경우 js-tutorial). 만약 프로젝트 이름을 followAlong으로 지정했다면, js-tutorial.js 대신 followAlong.js를 포함해야 합니다.
이러한 조정을 마친 후, 통합 개발 서버를 시작하세요. Gradle 래퍼를 통해 명령줄에서 이를 수행할 수 있습니다:
./gradlew jsBrowserDevelopmentRunIntelliJ IDEA에서 작업할 때, Gradle 도구 창에서 jsBrowserDevelopmentRun 액션을 찾을 수 있습니다.
프로젝트 빌드가 완료되면, 내장된 webpack-dev-server가 실행되기 시작하며, 이전에 지정한 HTML 파일을 가리키는 (겉으로 보기에 비어 있는) 브라우저 창을 엽니다. 프로그램이 올바르게 실행 중인지 확인하려면, 브라우저의 개발자 도구를 여세요(예를 들어 마우스 오른쪽 버튼을 클릭하고 검사 액션을 선택하여). 개발자 도구 안에서 콘솔로 이동하면, 실행된 JavaScript 코드의 결과를 볼 수 있습니다:
이 설정을 통해 각 코드 변경 후 프로젝트를 재컴파일하여 변경 사항을 확인할 수 있습니다. Kotlin/JS는 또한 애플리케이션을 개발하는 동안 자동으로 재빌드하는 더 편리한 방법을 지원합니다. 이 연속 모드를 설정하는 방법을 알아보려면 해당 튜토리얼을 확인하세요.