행위

"TAURI"의 두 판 사이의 차이

DB CAFE

(APP 생성)
(APP 생성)
13번째 줄: 13번째 줄:
 
==== APP 생성 ====
 
==== APP 생성 ====
 
# 먼저 프런트엔드를 구축
 
# 먼저 프런트엔드를 구축
# Rust 프로젝트를 설정
 
# 마지막으로 둘 사이의 통신 방법 구현.
 
 
 
{{틀:고지상자
 
{{틀:고지상자
 
|제목= 개발환경 확인사항
 
|제목= 개발환경 확인사항
|내용=#
+
|내용=1) 폴더생성
#
 
}}
 
 
 
1.폴더생성
 
 
<source lang=bash>
 
<source lang=bash>
 
mkdir ui
 
mkdir ui
 
</source>
 
</source>
 
+
2) index.html 생성
2.index.html 생성
 
 
<source lang=html>
 
<source lang=html>
 
<!DOCTYPE html>
 
<!DOCTYPE html>
42번째 줄: 34번째 줄:
 
</source>
 
</source>
  
 +
}}
  
3.RUST
+
# RUST 환경 구축
 
* 윈도우를 RUST를 통해 관리함.
 
* 윈도우를 RUST를 통해 관리함.
  

2024년 1월 18일 (목) 16:03 판

thumb_up 추천메뉴 바로가기


1 TAURI[편집]

1.1 설치[편집]

npm create tauri-app@latest

1.2 APP 만들기[편집]

1.2.1 HTML, CSS, and JavaScript 환경[편집]

  • Tauri는 프런트엔드 프레임워크와 Rust 코어를 사용하여 데스크톱 애플리케이션을 구축하기 위한 프레임워크.
  • 각 앱은 두 부분으로 구성
    • 창을 생성하고 해당 창에 기본 기능을 노출하는 Rust 바이너리
    • 창 내부에 사용자 인터페이스를 생성하는 원하는 프런트엔드

1.2.1.1 APP 생성[편집]

  1. 먼저 프런트엔드를 구축


1) 폴더생성

mkdir ui

2) index.html 생성

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Welcome from Tauri!</h1>
  </body>
</html>



  1. RUST 환경 구축
  • 윈도우를 RUST를 통해 관리함.

1.2.2 Next.js 환경[편집]

  1. Front end build tools

1.2.3 Qwik[편집]

  1. Front end build tools

1.2.4 SvelteKit[편집]

  1. Front end build tools

1.2.5 Vite[편집]

  1. Front end build tools

1.2.6 이전 시스템이 추가[편집]