Kotlin/JS 프레임워크

웹 개발을 간소화해 주는 Kotlin/JavaScript 프레임워크를 활용해 보세요. 이 프레임워크들은 현대적인 웹 애플리케이션 구축을 위한 즉시 사용 가능한 컴포넌트, 라우팅, 상태 관리 및 기타 도구들을 제공합니다.

커뮤니티에서 제공하는 몇 가지 Kotlin/JS 웹 프레임워크는 다음과 같습니다:

Kobweb

Kobweb은 Compose HTML을 사용하여 웹사이트와 웹 애플리케이션을 만들기 위한 Kotlin 프레임워크입니다. 빠른 개발을 위해 라이브 리로딩(live-reloading)을 지원합니다. Next.js에서 영감을 받은 Kobweb은 위젯, 레이아웃, 페이지를 추가하기 위한 표준 구조를 지향합니다.

Kobweb은 페이지 라우팅, 라이트/다크 모드, CSS 스타일링, Markdown 지원, 백엔드 API 등을 기본적으로 제공합니다. 또한 현대적인 UI를 위한 다재다능한 위젯 세트를 포함한 UI 라이브러리인 Silk를 포함하고 있습니다.

Kobweb은 SEO 및 자동 검색 인덱싱을 위한 페이지 스냅샷을 생성하여 사이트 내보내기 기능도 지원합니다. 또한, 상태 변화에 따라 효율적으로 업데이트되는 DOM 기반 UI 생성을 가능하게 합니다.

문서와 예제는 Kobweb 문서 사이트를 참조하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #kobweb 및 #compose-web 채널에서 확인하실 수 있습니다.

Kilua

Kilua는 Compose Runtime을 기반으로 구축된 컴포저블(composable) 웹 프레임워크이며, compose-html 라이브러리와 유사합니다. compose-html과 달리, Kilua는 Kotlin/Wasm 및 Kotlin/JS 타겟을 모두 지원합니다.

Kilua는 선언형(declarative) UI 컴포넌트를 생성하고 상태를 관리하기 위한 모듈형 API를 제공합니다. 또한 일반적인 웹 애플리케이션 사용 사례를 위한 즉시 사용 가능한 컴포넌트 세트를 포함하고 있습니다.

Kilua는 KVision 프레임워크의 후속작입니다. Kilua는 Compose 사용자(@Composable 함수, 상태 관리, 코루틴/Flow 통합)와 KVision 사용자(UI 컴포넌트와의 명령형 상호작용을 일부 허용하는 컴포넌트 기반 API) 모두에게 익숙하도록 설계되었습니다.

문서와 예제는 GitHub의 Kilua 저장소를 참조하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #kilua 채널에서 확인하실 수 있습니다.

Kotlin React

React는 웹 및 네이티브 사용자 인터페이스에 널리 사용되는 컴포넌트 기반 라이브러리입니다. 방대한 컴포넌트 에코시스템, 학습 자료, 활발한 커뮤니티를 제공합니다.

Kotlin React는 React 에코시스템을 Kotlin의 타입 안전성(type-safety) 및 표현력과 결합한 React용 Kotlin 래퍼(wrapper)입니다.

라이브러리에 대한 업데이트 및 토론은 Kotlin Slack의 #react 및 #javascript 채널에서 확인하실 수 있습니다.

KVision

KVision은 즉시 사용 가능한 UI 컴포넌트로 Kotlin/JS 애플리케이션을 빌드하기 위한 객체 지향 웹 프레임워크입니다. 이러한 컴포넌트들은 애플리케이션 사용자 인터페이스의 구성 요소가 될 수 있습니다.

이 프레임워크를 사용하면 반응형(reactive) 및 명령형(imperative) 프로그래밍 모델을 모두 사용하여 프론트엔드를 구축할 수 있습니다. 또한 Ktor, Spring Boot 및 기타 프레임워크용 커넥터를 사용하여 서버 측 애플리케이션과 통합할 수도 있습니다. 또한 Kotlin Multiplatform을 사용하여 코드를 공유할 수 있습니다.

문서, 튜토리얼 및 예제는 KVision 문서 사이트를 참조하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #kvision 및 #javascript 채널에서 확인하실 수 있습니다.

fritz2

fritz2는 반응형 웹 사용자 인터페이스를 빌드하기 위한 독립형 프레임워크입니다. HTML 요소를 빌드하고 렌더링하기 위한 자체 타입 안전 DSL을 제공하며, Kotlin의 코루틴과 Flow를 사용하여 컴포넌트와 데이터 바인딩을 정의합니다.

fritz2는 상태 관리, 유효성 검사, 라우팅 등을 기본적으로 제공합니다. 또한 Kotlin Multiplatform 프로젝트와도 통합됩니다.

문서, 튜토리얼 및 예제는 fritz2 문서 사이트를 참조하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #fritz2 및 #javascript 채널에서 확인하실 수 있습니다.

Doodle

Doodle은 Kotlin/JS를 위한 벡터 기반 UI 프레임워크입니다. Doodle 애플리케이션은 DOM, CSS 또는 JavaScript에 의존하는 대신 브라우저의 그래픽 기능을 사용하여 사용자 인터페이스를 그립니다. 이 접근 방식을 통해 임의의 UI 요소, 벡터 모양, 그라데이션 및 사용자 정의 시각화의 렌더링을 제어할 수 있습니다.

문서, 튜토리얼 및 예제는 Doodle 문서 사이트를 참조하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #doodle 및 #javascript 채널에서 확인하실 수 있습니다.