DevGoogry

Cordova 환경 구축하기 : http://googry.tistory.com/admin/entry/post/?id=10

이 포스팅은 몇가지 선행작업이 필요합니다.

1. Cordova 환경 구축하기

2. IntelliJ IDEA 설치(WebStorm도 상관없습니다.)

IntelliJ에는 Cordova가 설치되어 있지 않기 때문에 Plugin으로 추가해줘야합니다.

처음 시작화면에서 Configure->Preferences 창을 열어줍니다.

Plugin탭에서 아래에 Browse repositories... 버튼을 눌러 아래 창을 열어줍니다.

Cordova를 검색하여 PhoneGap/Cordova Plugin을 설치하고 IntelliJ를 재실행 시켜줍니다.

첫화면에서 Create New Project를 누르고 아래 창을 열어줍니다.

Static Web탭에 PhoneGap/Cordova App을 선택하고 Next를 눌러줍니다.

Project Name을 입력하고 Finish버튼을 눌러줍니다.

프로젝트가 정상적으로 생성되었습니다.

이제 빌드를 하고 런 해보겠습니다.

Run->Edit Configurations... 을 선택합니다.

저는 Android로 앱을 실행하는데 실제 디바이스에 실행하고자 합니다.

Commen에 run을 Platform에 android를 넣어줍니다.

Run->Run 'Phonegap/Cordova run'을 선택하시면 빌드가 되고 실제 디바이스에 아래와 같이 앱이 실핼됩니다.

우선 Kotlin을 사용하기 위해 JetBrains 홈페이지에 들어가서 IntelliJ IDEA를 설치해보겠습니다.

Windows: https://www.jetbrains.com/idea/download/#section=windows

Mac: https://www.jetbrains.com/idea/download/#section=mac 

Linux: https://www.jetbrains.com/idea/download/#section=linux

저는 맥북을 사용해서 macOS로 설치하는데 OS에 맞는 것을 다운받아주면 됩니다.

우리는 Kotlin만 사용하면 되니까 Community로 다운받아 줍니다.

다운받아서 설치하고 실행하면 아래와 같이 로딩화면이 나오고

아래와 같은 화면이 나오면 정상 동작입니다.

자 그럼 Create New Project를 눌러서 프로젝트를 만들어보겠습니다.

새로운 프로젝트를 만드는 창입니다.

Java에서 Kotlin(Java)를 체크 해주시고 Next를 눌러주세요.

프로젝트의 이름과 경로를 설정하는 창입니다.

Project Name에 HelloKotlin이라고 넣고 Project Location은 원하는 경로를 넣어주세요.

그 다음에 Finish를 눌러주세요.

짠~

프로젝트 생성에 성공했습니다.

그럼 이제 Kotlin 코드를 작성할 .kt파일을 만들어봅시다.

Kotlin파일의 확장자명은 .kt입니다.

간단하게 src 폴더를 우클릭하시고 New -> Kotlin File/Class를 선택해주세요.

그리고 Name에 HelloKotlin라고 넣어주시고 OK를 눌러주세요.

(지금 단계에서 Kind는 신경쓰지마세요)

HelloKotlin.kt가 생겼습니다.

이제 Java에서 main함수를 만들듯이 Kotlin에서 main함수를 만들어보고 println()를 사용해 콘솔에 출력해봅니다.

여기서 fun main(args: Array<String>{ ... }은 프로그램이 시작되는 함수이고 함수 안에 args: Array<String>은 추가적으로 데이터를 넣어서 실행 할 때 args로 데이터가 들어오게 됩니다.

그리고 println("Hello Kotlin!")은 Hello Kotlin!이라는 문자열을 콘솔에 출력하겠다는 의미입니다.

위 코드는 아래 Java 코드와 동일한 역할을 합니다.

이제 실행을 해봅니다.

코드 왼쪽에 코틀린로고를 누르면 3개의 선택지가 나오고 Run 'HelloKotlinKt'를 선택해 실행해 줍니다.

IntelliJ아래에 위와 같이 출력되면 성공입니다.