본문 바로가기

전체 글338

[Tauri] Getting Started with SvelteKit TAURI는 cross-platform application을 개발할 수 있는 Rust 기반의 framework 입니다. 기존의 electron.js나 nw.js 대비 최적화, 보안성, frontend 독립성에 있어 더 낫고 가볍고 빠르다고 합니다. Prerequisite Rust가 설치가 되어 있어야 합니다. 저는 MAC에서 사용하고 있습니다. 이 포스팅에 사용된 버전은 다음과 같습니다. Rust v1.64.0 node.js v18.12.1 yarn v3.3.0 Create an Application using Cargo Tauri application은 create-tauri-app이라는 유틸리티를 사용하여 만듭니다. $ cargo install create-tauri-app $ cargo creat.. 2022. 11. 24.
[PyQt6] GroupBox, CheckBox, RadioButton in QML 이번 포스팅에서는 GroupBox, CheckBox, RadioButton에 대해 살펴보겠습니다. 매우 쉽게 사용하실 수 있으니 예제를 따라와보세요. QML을 사용하여 기본적인 application을 구성하는 것은 이전 포스팅을 참고해주세요. 2022.11.03 - [Python] - [PyQt6] Getting Started with QtQuick [PyQt6] Getting Started with QtQuick 지금까지는 QtWidgets를 주력으로 사용했었는데, 항상 디자인에 대한 아쉬움이 있었어요. 그래서 계속 다른 것들을 알아봤었는데, electron.js 외에는 마땅한 대안을 찾기가 어렵더라고요. 이제와서 hdevstudy.tistory.com GroupBox with CheckBox // m.. 2022. 11. 21.
[PyQt6] Dialogs in QML 이번 포스팅에서는 다이얼로그에 대해서 살펴보겠습니다. 기본 형태를 먼저 다뤄보고, 가장 많이 사용하는 파일 선택 다이얼로그도 맛보기로 다뤄볼게요. 기본 application 작성은 이전 포스팅을 참고하여 따라와주세요. 2022.11.03 - [Python] - [PyQt6] Getting Started with QtQuick Create Dialog // main.qml import QtQuick import QtQuick.Layouts import QtQuick.Controls import QtQuick.Controls.Material ApplicationWindow { visible: true width: 640 height: 480 title: "Example App" Material.theme: .. 2022. 11. 20.
[PyQt6] User Input in QML 이번 포스팅에서는 user의 입력을 받을 때, 가장 흔하게 사용하는 TextInput, TextField에 대해 다뤄보았습니다. 이번에도 역시 응용을 하실 수 있도록 기초가 되는 부분만 간단한 예제로 쉽게 다뤄보았습니다. Application 작성 방법부터 모르시는 분은 이전 포스팅을 먼저 참고해주세요. 2022.11.03 - [Python] - [PyQt6] Getting Started with QtQuick TextInput Example import QtQuick import QtQuick.Layouts import QtQuick.Controls import QtQuick.Controls.Material ApplicationWindow { visible: true width: 640 height: .. 2022. 11. 19.
[PyQt6] Drawer in QML Drawer는 모바일 등의 UI에서 흔히 볼 수 있는 스와이프를 통해 나오는 메뉴같은 기능입니다. QML로는 이것도 쉽게 만들어낼 수 있어요. 저도 이런 것들 때문에 QtWidgets를 버리고 QtQuick으로 넘어온거긴 합니다. 간단한 예제 하나로 설명 드릴테니 쉽게 이해하실 거에요. 기본 application 작성은 이전 포스팅을 참고해주세요. 2022.11.03 - [Python] - [PyQt6] Getting Started with QtQuick Drawer Example // main.qml import QtQuick import QtQuick.Layouts import QtQuick.Controls import QtQuick.Controls.Material ApplicationWindow {.. 2022. 11. 18.
[PyQt6] QML file in QML file Web 개발 등에 익숙하다면 UI를 구성할 때, 컴포넌트 별로 재사용성 등을 위해 별도의 파일로 구분하여 관리하는 것을 아실 거에요. PyQt를 사용할 때도 UI 코드가 비대해지면 관리가 어렵기도하고, 재사용성도 떨어지다보니 개인적으로 특정 기준으로 파일을 분리해서 사용하고 있습니다. QML에서도 간단하게 이런 방식을 사용할 수 있어 소개해 드리려고 합니다. 기본 Application 작성에 대해서는 이전 포스팅을 참고해주세요. 2022.11.03 - [Python] - [PyQt6] Getting Started with QtQuick QML File in QML File // main.qml import QtQuick import QtQuick.Layouts import QtQuick.Controls .. 2022. 11. 14.
[PyQt6] Menu in QML 이번에는 메뉴 기능에 대해 다뤄보겠습니다. 기본 application 작성은 이전 포스팅을 참고해주세요. 2022.11.03 - [Python] - [PyQt6] Getting Started with QtQuick Create Menu // main.qml import QtQuick import QtQuick.Layouts import QtQuick.Controls import QtQuick.Controls.Material ApplicationWindow { visible: true width: 640 height: 480 title: "Example App" Material.theme: Material.Dark Material.accent: Material.Orange Material.primary: .. 2022. 11. 10.
[PyQt6] QML에서 Tool Bar 만들기 이번에는 간단한 예제와 함께 tool bar를 만들어 보겠습니다. 기본적인 application은 이전 포스팅을 참고해주세요. 2022.11.03 - [Python] - [PyQt6] Getting Started with QtQuick Tool Bar Example // main.qml import QtQuick import QtQuick.Layouts import QtQuick.Controls import QtQuick.Controls.Material ApplicationWindow { visible: true width: 640 height: 480 title: "Example App" Material.theme: Material.Dark Material.accent: Material.Orange A.. 2022. 11. 6.
[PyQt6] Action in QML 이번에는 다양한 활용이 가능한 Action에 대해서 다뤄보겠습니다. 어떤 동작을 수행시킬 때 사용할 수 있어요. 따라서, 메뉴나 툴바 등에서 활용하기 좋은 기능입니다. Application 만드는 골격은 이전 포스팅을 참고해주세요. 여기에서는 QML을 중심으로 다루겠습니다. 2022.11.03 - [Python] - [PyQt6] Getting Started with QtQuick Example with Action // main.qml import QtQuick import QtQuick.Layouts import QtQuick.Controls import QtQuick.Controls.Material ApplicationWindow { visible: true width: 640 height: 480.. 2022. 11. 6.