Tauri를 활용하여 데스크톱 애플리케이션을 개발하는 방법에는 크게 두 가지가 있습니다. 첫째, 완전히 새로운 Tauri 프로젝트를 시작하는 방식과 둘째, 이미 존재하는 웹 프로젝트에 Tauri 기능을 추가하여 데스크톱 앱으로 변환하는 방식입니다. 이 글에서는 각 방법에 대해 자세히 알아보고, 개발 과정을 안내하여 개발자가 웹 기술을 기반으로 경량화된 데스크톱 애플리케이션을 손쉽게 구축할 수 있도록 돕습니다.
새로운 Tauri 프로젝트 시작하기
처음부터 Tauri 기반의 데스크톱 애플리케이션을 만들고자 할 때 가장 간단한 방법입니다. Tauri CLI는 개발자가 빠르게 프로젝트를 설정하고 실행할 수 있도록 강력한 도구를 제공합니다.
프로젝트 생성 단계
- 새 프로젝트 초기화: 터미널에서 다음 명령어를 실행하여 새로운 Tauri 프로젝트를 생성합니다.
- 개발 서버 실행: 프로젝트 디렉토리로 이동한 후, 다음 명령어로 개발 환경을 시작합니다.
pnpm create tauri-app --rc이 명령을 실행하면 선호하는 프론트엔드 프레임워크(예: Vue, React, Svelte 등) 또는 순수 HTML/JavaScript를 선택하라는 메시지가 표시됩니다. 선택에 따라 필요한 의존성이 설치되고 기본적인 프로젝트 구조가 자동으로 생성됩니다.
pnpm tauri dev이 명령어는 Tauri 개발 서버를 시작하고, 설정된 웹 UI를 포함하는 데스크톱 애플리케이션을 빌드하여 실행합니다. 개발 중인 애플리케이션은 자동으로 데스크톱 창으로 나타나며 실시간으로 변경 사항을 확인할 수 있습니다.
기존 웹 프로젝트에 Tauri 통합하기
이미 개발된 웹 애플리케이션을 데스크톱 앱으로 확장하고 싶다면, Tauri를 기존 프로젝트에 쉽게 통합할 수 있습니다. Tauri는 기존의 프론트엔드 스택에 큰 변경 없이 적용될 수 있는 유연성을 제공합니다.
Tauri 통합 단계
- 프로젝트 루트 디렉토리로 이동: 먼저, Tauri를 통합하고자 하는 웹 프로젝트의 루트 디렉토리로 이동합니다. 프로젝트가 Node.js 기반이며
package.json파일이 존재하는지 확인합니다. - Tauri CLI 설치: 다음 명령어를 사용하여 Tauri 관련 의존성을 개발 의존성으로 설치합니다.
- Tauri 초기화: 프로젝트 내에서 Tauri 환경을 초기화합니다.
- 애플리케이션 실행: 통합 작업이 완료된 후, 다음 명령어를 통해 데스크톱 애플리케이션을 실행하고 기존 웹 앱이 Tauri 창에서 동작하는 것을 확인할 수 있습니다.
pnpm add -D @tauri-apps/cli@nextnpx tauri init이 명령을 실행하면 애플리케이션 이름, 창 제목, 웹 애플리케이션의 빌드 출력 디렉토리, 개발 서버 주소 등 몇 가지 설정을 구성하라는 프롬프트가 표시됩니다. 설정을 완료하면 프로젝트 루트에 src-tauri 폴더가 생성되며, 이곳에 Tauri의 Rust 코드와 구성 파일이 포함됩니다.
pnpm tauri dev성공적으로 실행되면 웹 애플리케이션이 데스크톱 환경에서 구동되는 것을 볼 수 있습니다.
이와 같은 과정을 통해, 개발자는 새 프로젝트를 시작하든 기존 웹 앱을 활용하든 Tauri를 사용하여 강력하고 경량화된 데스크톱 애플리케이션을 손쉽게 만들 수 있습니다. Tauri는 웹 기술의 장점과 네이티브 OS 기능 접근성을 결합하여 다양한 사용 사례에 적합한 솔루션을 제공합니다.