[kotlin] Ktor HTML 라이브러리 웹 사이트 개발

20 Dec 2023

kotlin

Ktor는 Kotlin으로 작성된 비동기 웹 프레임워크이며, HTML 라이브러리를 사용하여 동적 웹 사이트를 개발하는 것이 가능합니다. HTML 라이브러리를 활용하여 간편하게 웹 페이지를 동적으로 구성하는 방법에 대해 알아보겠습니다.

1. Ktor 프로젝트 설정

먼저, IntelliJ IDEA나 다른 Kotlin 개발 도구를 사용하여 Ktor 프로젝트를 설정합니다. Gradle 또는 Maven을 사용하여 프로젝트를 초기화합니다.

2. HTML 라이브러리 추가

build.gradle.kts (또는 build.gradle) 파일에 HTML 라이브러리를 추가합니다.

dependencies {
    implementation("io.ktor:ktor-html:$ktor_version") // ktor_version은 사용하는 Ktor 버전에 대한 변수입니다.
}

3. HTML로 웹 페이지 구성

별도의 HTML 파일을 사용하지 않고도 Kotlin 코드 내에서 HTML을 사용하여 웹 페이지를 동적으로 생성할 수 있습니다.

import io.ktor.application.*
import io.ktor.html.*
import io.ktor.response.*
import io.ktor.routing.*
import kotlinx.html.*

fun HTML.index() {
    head {
        title("Ktor HTML Example")
    }
    body {
        h1 { +"Hello, Ktor HTML!" }
        p { +"This is a dynamic HTML page generated using Ktor." }
    }
}

fun Application.main() {
    install(Routing) {
        get("/") {
            call.respondHtml {
                index()
            }
        }
    }
}

4. 서버에 연결

마지막으로, Application.main 함수 내에서 서버에 연결하는 부분을 추가합니다.

fun main(args: Array<String>): Unit = io.ktor.server.netty.EngineMain.main(args)

fun Application.main() {
    routing {
        get("/") {
            call.respondHtml {
                index()
            }
        }
    }
}

이제 HTML 라이브러리를 사용하여 Ktor를 통해 동적인 웹 페이지를 만들었습니다. 더 많은 기능과 옵션을 활용하여 웹 사이트를 개발할 수 있습니다. 더 많은 정보는 Ktor Documentation에서 확인할 수 있습니다.

목차

1. Ktor 프로젝트 설정

2. HTML 라이브러리 추가

3. HTML로 웹 페이지 구성

4. 서버에 연결