Kotlin/JS

Kotlin/JS는 Kotlin 코드, Kotlin 표준 라이브러리 및 호환되는 모든 종속성을 JavaScript로 트랜스파일(transpile)하는 기능을 제공합니다. Kotlin/JS의 현재 구현은 ES5를 대상으로 합니다.

Kotlin/JS를 사용하는 권장 방법은 kotlin.multiplatform Gradle 플러그인을 이용하는 것입니다. 이 플러그인을 사용하면 JavaScript를 대상으로 하는 Kotlin 프로젝트를 한곳에서 쉽게 설정하고 제어할 수 있습니다. 여기에는 애플리케이션 번들링 제어, npm에서 JavaScript 종속성 직접 추가 등의 필수 기능이 포함됩니다. 사용 가능한 옵션에 대한 개요는 Kotlin/JS 프로젝트 설정을 참조하세요.

Kotlin/JS IR 컴파일러

Kotlin/JS IR 컴파일러는 기존 기본 컴파일러보다 여러 가지 개선 사항을 제공합니다. 예를 들어, 데드 코드 제거를 통해 생성된 실행 파일의 크기를 줄이고, JavaScript 생태계 및 해당 도구와의 상호 운용성을 더욱 원활하게 합니다.

기존 컴파일러는 Kotlin 1.8.0 릴리스부터 사용이 중단되었습니다.

IR 컴파일러는 Kotlin 코드에서 TypeScript 선언 파일(d.ts)을 생성하여 TypeScript와 Kotlin 코드를 혼합하는 "하이브리드" 애플리케이션을 더 쉽게 만들고, Kotlin Multiplatform을 사용하여 코드 공유 기능을 활용할 수 있도록 합니다.

Kotlin/JS IR 컴파일러의 사용 가능한 기능과 프로젝트에 적용하는 방법에 대해 자세히 알아보려면 Kotlin/JS IR 컴파일러 문서 페이지 및 마이그레이션 가이드를 방문하세요.

Kotlin/JS 프레임워크

최신 웹 개발은 웹 애플리케이션 구축을 간소화하는 프레임워크를 통해 상당한 이점을 얻습니다. 다음은 다양한 개발자가 작성한 Kotlin/JS용 인기 웹 프레임워크의 몇 가지 예시입니다.

Kobweb

_Kobweb_은 웹사이트 및 웹 앱 생성을 위한 특정 철학을 가진 Kotlin 프레임워크입니다. Compose HTML과 라이브 리로딩을 활용하여 빠른 개발을 가능하게 합니다. Next.js에서 영감을 받은 Kobweb은 위젯, 레이아웃 및 페이지를 추가하기 위한 표준 구조를 권장합니다.

Kobweb은 기본적으로 페이지 라우팅, 라이트/다크 모드, CSS 스타일링, 마크다운 지원, 백엔드 API 및 기타 여러 기능을 제공합니다. 또한 최신 UI를 위한 다용도 위젯 세트인 Silk라는 UI 라이브러리도 포함합니다.

Kobweb은 또한 SEO 및 자동 검색 색인 생성을 위한 페이지 스냅샷을 생성하는 사이트 내보내기를 지원합니다. 또한 Kobweb을 사용하면 상태 변경에 효율적으로 업데이트되는 DOM 기반 UI를 쉽게 만들 수 있습니다.

문서 및 예시는 Kobweb 사이트를 방문하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #kobweb 및 #compose-web 채널에 참여하세요.

KVision

_KVision_은 애플리케이션 사용자 인터페이스를 위한 빌딩 블록으로 사용할 수 있는 바로 사용할 수 있는 컴포넌트를 통해 Kotlin/JS로 애플리케이션을 작성할 수 있도록 하는 객체 지향 웹 프레임워크입니다. 반응형 및 명령형 프로그래밍 모델을 모두 사용하여 프런트엔드를 구축하고, Ktor, Spring Boot 및 기타 프레임워크용 커넥터를 사용하여 서버 측 애플리케이션과 통합하며, Kotlin Multiplatform을 사용하여 코드를 공유할 수 있습니다.

문서, 튜토리얼 및 예시는 KVision 사이트를 방문하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #kvision 및 #javascript 채널에 참여하세요.

fritz2

_fritz2_는 반응형 웹 사용자 인터페이스를 구축하기 위한 독립형 프레임워크입니다. HTML 요소를 구축하고 렌더링하기 위한 자체 타입 안전 DSL을 제공하며, Kotlin의 코루틴과 플로우를 활용하여 컴포넌트와 데이터 바인딩을 표현합니다. 상태 관리, 유효성 검사, 라우팅 등을 기본적으로 제공하며, Kotlin Multiplatform 프로젝트와 통합됩니다.

문서, 튜토리얼 및 예시는 fritz2 사이트를 방문하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #fritz2 및 #javascript 채널에 참여하세요.

Doodle

_Doodle_은 Kotlin/JS용 벡터 기반 UI 프레임워크입니다. Doodle 애플리케이션은 DOM, CSS 또는 JavaScript에 의존하는 대신 브라우저의 그래픽 기능을 사용하여 사용자 인터페이스를 그립니다. 이 접근 방식을 사용함으로써 Doodle은 임의의 UI 요소, 벡터 도형, 그라디언트 및 사용자 지정 시각화 렌더링에 대한 정밀한 제어를 제공합니다.

문서, 튜토리얼 및 예시는 Doodle 사이트를 방문하세요.

프레임워크에 대한 업데이트 및 토론은 Kotlin Slack의 #doodle 및 #javascript 채널에 참여하세요.

Kotlin/JS 커뮤니티에 참여하세요

공식 Kotlin Slack의 #javascript 채널에 참여하여 커뮤니티 및 팀과 채팅할 수 있습니다.