본문 바로가기

Programming/Cross-Platform5

[Tauri] React에서 Tauri event handling 하기 react 컴포넌트에서 keydown event를 핸들링하는 방법은 아래와 같다.useEffect(() => { const handleKeydown = function (event: KeyboardEvent): void { if ((event.ctrlKey || event.metaKey) && event.key === 's') { event.preventDefault() void saveFile() } } window.addEventListener('keydown', handleKeydown) return () => { window.removeEventListener('keydown', handleKeydown) }}, []) React에서 Tauri 이벤트를 .. 2024. 5. 8.
[Flutter] Flutter Windows 빌드 은근히 찾기 힘들었던 flutter windows build 명령어flutter build windows위 경로를 따라가면 exe 파일이 생성된 것을 확인 할 수 있다. init 후 바로 빌드한 용량이 24.7MB 정도 된다. 아래 글의 Tauri의 번들 사이즈와 비교해 보면 차이가 꽤 많이 나는 것을 볼 수 있다. Flutter는 빌드에 Flutter 엔진이 포함되기 때문에 용량이 커진다고 한다. Tauri가 5.2MB 정도임을 생각하면 확실히 차이가 있는 것 같다. 아래에서 확인할 수 있다. https://docs.flutter.dev/platform-integration/windows/building#compiling-with-visual-studio Building Windows apps with.. 2024. 4. 12.
[Tauri] Tauri Windows Installer 빌드 다음 명령어를 통해 간단히 패키징 할 수 있다. pnpm tauri build 아래 경로에 exe 파일이 만들어진다. 여기서 Tauri의 강점인 작은 번들 사이즈를 확인할 수 있다. init 후 바로 빌드한 용량이 5.16MB 정도다. installer를 원한다면 bundle 폴더를 확인하면 된다. - bundle/msi: .msi installer - bundle/nsis: .exe installer 아래에서 확인할 수 있다. https://github.com/HanJaeJoon/blog-examples/tree/main/CrossPlatforms/tauri-example blog-examples/CrossPlatforms/tauri-example at main · HanJaeJoon/blog-exam.. 2024. 4. 12.
[MAUI] 다른 페이지로 이동하기 XAML 파일에 아래와 같이 버튼을 추가한다. Code behind에 이벤트 핸들러를 추가한다. (평소처럼 async Task 사용하면 XFC0002 error가 발생한다. 나는 한참을 헤맸다...😢) private async void OnMovePageClicked(object sender, EventArgs e) { var viewModel = new DragAndDropViewModel(3); await Navigation.PushAsync(new DragAndDropPage(viewModel)); } 이전 페이지로 돌아가려면 아래 코드를 이용하면 된다. await Navigation.PopAsync(); 실습 영상 https://youtu.be/Yry9HbwID-U?si=tmOwkQxWjxkvXG.. 2024. 3. 7.
[MAUI] 생체인증 라이브러리 적용하기 이제 모바일에서 거의 필수로 자리잡은 생체 인증. 쉽게 구현할 수 있는 라이브러리를 발견했다. https://github.com/smstuebe/xamarin-fingerprint GitHub - smstuebe/xamarin-fingerprint: Xamarin and MvvMCross plugin for authenticate a user via fingerprint sensor Xamarin and MvvMCross plugin for authenticate a user via fingerprint sensor - GitHub - smstuebe/xamarin-fingerprint: Xamarin and MvvMCross plugin for authenticate a user via fingerpr.. 2022. 9. 5.