Kotlin Compose로 Web 프로젝트 만들기 - IntelliJ

먼저 프로젝트를 생성해 줍니다.

 

이후에

Kotlin Multioplatform으로 왼쪽 바를 클릭한 이후

Compose Web Application uses Kotlin 1.6.10을 클릭하여 Web 용 프로젝트를 생성합니다.

 

저는 Compose MPP Module로 생성하였습니다.

 

그러면 이런 식으로 프로젝트를 생성할 수 있습니다.

여기 메인 함수에 예시 코드가 있습니다.

 

해당 코드는 Compose이지만 org.jetbrains.compose.web.css 와 dom 등 웹을 개발할 때 사용하는 

컴포넌트들을 사용할 수 있도록 세팅이 되어있는 것을 확인할 수 있습니다.

 

해당 코드를 해석한다면 버튼을 클릭하면 count에 1을 더하거나 1을 뺄 수 있고

아래 Text에 숫자가 띄워지는 것을 알 수 있습니다.

 

그러면 실행해 봅시다.

함수를 실행하는 방법은 터미널에 해당 명령어를 입력하면 됩니다.

./gradlew jsBrowserRun

 

 

이런 식으로 프로젝트를 시작할 수 있습니다.