[kotlin] Ktor HTML 라이브러리 프로젝트 구성

20 Dec 2023

kotlin

Ktor는 Kotlin으로 작성된 웹 애플리케이션을 구축하기 위한 경량 프레임워크입니다. Ktor는 서버 측 동적 HTML 렌더링을 지원하기 위해 Ktor HTML 라이브러리를 제공합니다.

이 블로그는 Ktor 프로젝트에서 HTML 라이브러리를 사용하여 웹 페이지를 렌더링하는 방법에 대해 안내합니다.

Ktor HTML 라이브러리 추가하기

먼저, build.gradle.kts 또는 build.gradle 파일에 다음 의존성을 추가하여 Ktor HTML 라이브러리를 프로젝트에 포함시킵니다.

dependencies {
    implementation("io.ktor:ktor-html:1.6.2")
}

또는 Maven을 사용하는 경우 다음 의존성을 pom.xml 파일에 추가할 수 있습니다.

<dependency>
    <groupId>io.ktor</groupId>
    <artifactId>ktor-html</artifactId>
    <version>1.6.2</version>
</dependency>

의존성을 추가한 후에는 프로젝트를 다시 빌드하여 라이브러리를 가져오도록 합니다.

Ktor HTML 라이브러리 사용하기

HTML 라이브러리를 사용하여 Ktor 앱에서 웹 페이지를 렌더링하기 위해 다음 단계를 따릅니다.

html 함수를 사용하여 HTML 문서를 생성합니다.
필요한 태그와 속성을 이 함수 내에서 사용하여 웹 페이지를 형성합니다.

예를 들어, Ktor 앱에서 “Hello, Ktor!”를 출력하는 HTML 페이지를 렌더링하려면 다음과 같이 코드를 작성할 수 있습니다.

get("/") {
    call.respondHtml {
        head {
            title { +"Ktor HTML Example" }
        }
        body {
            h1 { +"Hello, Ktor!" }
        }
    }
}

위의 코드는 / 경로에 대한 요청에 대해 “Hello, Ktor!”가 포함된 HTML 페이지를 응답으로 반환합니다.

결론

Ktor HTML 라이브러리를 활용하여 쉽게 동적 HTML 컨텐츠를 생성할 수 있습니다. 이것은 Ktor를 사용하여 동적 UI를 구축하는 강력한 방법 중 하나입니다. HTML 라이브러리는 여러가지 태그, 속성 및 스타일을 구성할 수 있는 강력한 도구입니다.

더 많은 세부 정보 및 사용 사례는 Ktor 공식 문서에서 확인할 수 있습니다.

이상으로 Ktor에서 HTML 라이브러리를 프로젝트에 추가하고 사용하는 방법에 대한 안내를 마치겠습니다. 기존의 Ktor 앱에 HTML 렌더링을 추가하는 성공적인 경험이 되길 바랍니다!