개발노트

1. flutter console에 flutter devices 명령하면 사용가능한 장치목록을 확인합니다. 2. flutter config로 enable 명령어 목록을 확인하고 flutter config --enable-web 명령으로 web을 사용할 수 있게 권한을 수정합니다. 3.flutter 프로젝트에서 launch.json에 아래와같이 실행 방법을 추가해줍니다. { "name": "Flutter", "request": "launch", "type": "dart", "args": [ "--web-hostname", "127.0.0.1" ] }, 4. 생성된 장치로 선택 후 실행합니다. 5. Web 장치로 빌드 완료.

1. Ctrl + Shift + P 로 Command Palette 를 열고 Flutter Select Device를 실행합니다. 2. 실행 가능한 애뮬레이터 목록에서 에뮬을 선택하여 빌드(F5)합니다. *여기서 만약 기존 안드로이드 에뮬레이터로 선택했을 때, 아래와 같이 오류가 나온다면 Android Studio 에서 애뮬을 지우고 다시 생성해주면 해결됩니다. 3. 빌드 완료.

게시물을 보기 전, 안드로이드 스튜디오를 설치하시고 따라가시면됩니다. 1. 아래 링크로 이동하여 Flutter SDK 압축파일을 받고 특수문자가 없고 권한문제가 없는 경로에 압축을 풀어줍니다. - 설치링크: https://docs.flutter.dev/get-started/install/windows#get-the-flutter-sdk Windows install How to install on Windows. docs.flutter.dev 2. 설치된 Flutter 폴더를 열어 flutter_console을 실행합니다. 3. 실행된 콘솔에 flutter 파일이 있는 경로를 "cd"를 이용하여 들어가고, 명령창에 flutter doctor를 입력하여 SDK가 실행될 수 있는 환경인지 검사합니다. 4. d..

- CommunityToolKit 의 MediaElement 세팅방법 이전 포스팅: https://mroh1226.tistory.com/55 31. [.NET MAUI] CommunityToolKit 으로 앱에서 동영상(.mp4) 재생하기 (+ NU1605 오류 해결) 드디어 CommunityToolkit 누겟에서 MAUI앱에서 동영상을 재생할 수 있게 만들어주는 기능이 추가되었습니다. (정식버전 아님) 이 누겟은 .NET 7.0 과 같이 배포하는 것을 목표로 하기때문에 .NET 7으로 업 mroh1226.tistory.com 실전에 사용하기 MVVM 패턴으로 개발하신다면 아래와 같이 따라해주세요. Uri가 아닌 Resources 안의 mp4를 불러오는 방법도 포함하였습니다. 1. 사용할 .mp4 파일을..

드디어 CommunityToolkit 누겟에서 MAUI앱에서 동영상을 재생할 수 있게 만들어주는 기능이 추가되었습니다. (정식버전 아님) 이 누겟은 .NET 7.0 과 같이 배포하는 것을 목표로 하기때문에 .NET 7으로 업데이트하는 것을 권장드립니다. 또한, .NET 7.0은 안드로이드 API 33을 타깃으로하며, 닷넷 업데이트 시, 원래있던 안드로이드 API 32, 31, 30 등 지워 버 리기 때문에.. 타깃 API가 33이하라면 주의가 필요합니다. 아래 설명은 이를 이용한 동영상 기능구현으로, 기존에 개발중인 프로젝트가 .NET 7이 아니라면 호환성 문제로 여러 오류와 마주하게 되니 주의가 필요합니다. - 참고링크: https://blog.verslu.is/maui/mediaelement-for-..

초기 프로젝트의 이미지파일은 Resources\Images 에 들어간 파일만 적용이된 것을 확인할 수 있다. 만약 Images 폴더가 아닌 곳이나 Images 디렉토리에 디렉토리를 추가로 생성한다면, 아래와 같이 해주어야 정상적으로 적용된다. 1. Images에 추가 디렉토리 생성 2. 프로젝트 우클릭 > 프로젝트 파일 편집 3. 프로젝트 소스에 안에 Include Property에 경로를 추가해준다. 이제 빌드하면 프로젝트 소스에 추가된 경로의 이미지가 잘 적용된다.

CarouselView의 Item이 변경될 때 다른 컨트롤의 값이나 구성이 변경되는 기능이 필요할 때가 있다. 이 기능을 MVVM으로 작성하려면 다음과 같이 하면된다. - 참고링크: https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/carouselview/interaction?view=net-maui-7.0 Configure CarouselView interaction - .NET MAUI The currently displayed item in a .NET MAUI CarouselView can be accessed through the CurrentItem and Position properties. learn.microsof..

모바일에는 Dark Mode라는 기능으로 핸드폰의 테마를 변경할 수 있다. 다크모드, 라이트모드에서의 Control의 Color 동일하다면 사용자입장에서 불편을 겪을 수 있다. 이를 해결하기 위해 Control에서 {AppThemeBinding} 태그 확장을 이용하여 Color 뿐만 아니라 다크모드, 라이트모드에서의 Property 값을 지정할 수 있다. - 참고링크: https://learn.microsoft.com/ko-kr/dotnet/maui/xaml/markup-extensions/consume#appthemebinding-markup-extension XAML 태그 확장 사용 - .NET MAUI .NET MAUI XAML 태그 확장은 다양한 원본에서 요소 특성을 설정할 수 있도록 하여 XAM..

이번 시간에는 Stopwatch를 이용하여 화면이 생성되고 나서부터 10초간 시간제한이 있는 화면을 만들어본다. MVVM 패턴으로 ViewModel에 있는 스톱워치를 View에 바인딩( Binding)하여 특정시간에 알림과 화면이 사라지는 기능을 추가한다. - 참고링크: https://learn.microsoft.com/ko-kr/dotnet/api/system.diagnostics.stopwatch?view=net-6.0 Stopwatch 클래스 (System.Diagnostics) 경과 시간을 정확하게 측정하는 데 사용할 수 있는 일련의 메서드와 속성을 제공합니다. learn.microsoft.com 1. Stopwatch의 시간을 볼 수 있도록 QnAPage.xaml(Voew)에 InTime이라는 ..

xaml에 작성된 Control들을 맨앞으로, 맨뒤로 자유롭게 우선순위를 둬서 보여지게하고 싶다면 ZIndex를 사용하면된다. 숫자가 클수록 앞에 위치하게되며 모든 컨트롤에서 사용가능하다. - 참고링크: https://www.syncfusion.com/blogs/post/handling-overlay-elements-in-net-maui-with-zindex.aspx Handling Overlay Elements in .NET MAUI with ZIndex | Syncfusion Blogs In the .NET MAUI Preview 12 release, the ZIndex property was introduced to handle overlay elements in the view. Here’s al..