002. (KMM Mobile) 2. Hello, World!

2. Hello, World!

모든 프로그래밍 언어 혹은 프레임워크의 출발점 Hello, World!를 출력해보자.

2.1. Kotlin Multiplatform App 프로젝트 생성

Android Studio를 실행한 뒤 [New Project] 를 선택해 [Kotlin Multiplatform App] 템플릿을 선택한다.

이후 적당한 프로젝트 이름을 입력한다.

KMM 관련 설정은 아래와 같이 진행하였다.

2.2. 프로젝트 구성 확인

프로젝트가 생성되면 기존의 Android와 달리, 꽤나 복잡한 폴더 구조임을 확인할 수 있다.

근데 이상하다.

공통로직을 담당하는 shared 모듈과 Android 한정 로직을 담당하는 androidApp 은 있는데 iosApp 은 보이지않는다.

이는 Android Studio의 프로젝트 트리를 Android로 지정해서 그렇다.

순수히 디렉토리 구조를 다 보여주는 Project로 변경하면 전부 보인다.

2.3. Hello, World! 적용

최초로 프로젝트를 생성하면 Android와 iOS에는 각각 뷰를 띄우기 위한 코드가 존재하고,

공통 모듈에는 각 뷰에 띄우기 위한 메시지가 Greeting 클래스에 작성되어있다.

최초엔 플랫폼 버전 관련된 코드로 작성되어있는데 이를 아래와 같이 Hello, World! 로 변경하자.

Android Studio에서 바로 실행하면 아래와 같이 출력된다.

2.4. Xcode에서 iOS 앱 실행

프로젝트 생성 후 확인했던 iosApp 폴더를 기준으로 iOS 앱을 실행할 수 있다.

참고 물론 iOS 앱의 빌드는 mac의 사용이 필수적이다.

해당 iosApp 폴더에는 xcodeproj 확장자를 가진 프로젝트가 이미 생성되어있다.

해당 프로젝트를 열어보면 아래와 같은 구조를 확인할 수 있다.

실행하면 아래와 같은 화면을 가진 시뮬레이터가 실행된다.

이로서 KMM으로 Android와 iOS 플랫폼에 Hello, World! 를 출력해보았다.