John's 개발자의 관심노트

플러터 기초1. 플러터와 다트(Dart) 언어다트는 플러터 앱 개발에 사용되는 프로그래밍 언어로, 플러터의 모든 구조와 기능은 다트 언어를 기반으로 합니다. 다트의 기본 문법과 특성을 익혀야 플러터 개발이 원활해집니다!2. 위젯 이해하기플러터에서 모든 UI 구성 요소는 위젯으로 구현됩니다. StatelessWidget 과 StatefulWidget 같은 기본 위젯들의 차이를 이해하고 각각 어떻게 사용하는지 배워야 합니다.3. 레이아웃 구성Row, Column, Stack 등의 레이아웃 위젯을 통해 복잡한 UI를 효율적으로 구성하는 방법을 학습합니다.플러터 고급주제1. 상태관리Provider, Riverpod, Bloc 등 다양한 상태 관리 도구를 사용하여 앱 내에서 데이터 흐..

오늘은 ESP32 Project 내부 구성과 관련된 내용을 담아 정리한 내용입니다. 여러 개발환경을 왔다 갔다 하다보니, 경험했던 개발환경인데도 불구하고 매번 새롭게 접하는 기분이 드는 이 묘한 벽을 없애기 위한 방법으로 이 글을 작성하게 되었네요. 1. ESP-IDF ESP Project 를 구성하고, 빌드, Flash, Debug 등을 수행할 수 있는 개발 패키지 Tool 입니다. 관련 다운로드 링크는 아래를 참고해주세요. ESP32 개발환경 셋업, 다운로드 위치 1. Pre-Setup File JAVA 설치 : https://www.oracle.com/java/technologies/downloads/ Python 설치 : https://www.python.org/downloads/ GIT 설치 :..

오늘은 ESP32-S3 에 ESP-DL Package 를 이용해서 AI Model 을 ESP32 보드에 Deployment 하는 방법에 대해 정리했습니다. 일단 MNIST Data 를 사용해서, AI Model 을 생성하고, 그 Model 을 Quantization 후, C++ Code 로 포팅 하는 과정에 대해 다루어 보겠습니다. 관련 내용은 아래 Github 주소를 통해 좀 더 자세한 정보를 얻으실 수 있습니다. GitHub - espressif/esp-dl: Espressif deep-learning library for AIoT applications Espressif deep-learning library for AIoT applications - GitHub - espressif/esp-dl:..

RichTextBox 는 FlowDocument 를 입력으로받고, FlowDocument 내에는 Paragraph Type 의 Text 글자를 입력 받습니다. 다시 말하자면, 다양한 특징을 가진 Text Paragraph 들은 FlowDocument 로 병합이 되고, 이를 RichTextBox Control 을 통해 View 로 보여집니다. 1. RichTextBox 만들기 (XAML 코드 작성) 여기서는 "RichTextBox" 와 "Button" 하나를 만들어, 테스트해보는 예제를 작성할 예정이구요, Button Event 를 등록해서 RichTextBox에 여러 속성값을 가진 개개의 Text Block 을 표현되도록 구현해보겠습니다. 먼저 RichTextBox 를 만드는 경우에는, 내부에 FlowD..

DataBinding 을 하는 경우, DataContext 등록을 이용한 방법도 있지만, XAML 코드 내에서 UI 속성 값을 기준으로 Data Binding 할 수 있는 방법을 찾아왔습니다. 흥분되는 마음으로 바로 글로 남겨봅니다! ① Binding 할 Target UI 에 이름 붙여주기 ② UI Control 을 생성하고, Binding 시켜주기 이렇게 총 2가지 Step 으로 쉽게 UI Control 간 Data Binding 이 가능하다! 1. Binding 할 Target UI 에 이름 붙여주기 어떤 UI Control 이든 상관없지만, 여기서는 부모 Panel 을 기준으로 Binding 을 진행해보겠습니다. 모두가 아시겠지만, XAML Code 에서 UI 에 변수명을 지정하는 방법은 "x:Na..

HTTP 프로토콜을 기반으로 특정 서버의 데이터를 가져오는 코드에 대해 알아보겠습니다. 오늘 사용할 웹 서버 주소로는 "https://cdn.pixabay.com/photo/2023/06/25/08/46/woman-8086721_640.jpg" 를 사용할 예정이고, 해당 URL 은 구글 검색으로 찾아온 이미지 URL 주소 입니다. 해당 URL 에 접속하시면, 어떤 한 여성분의 사진이 불려집니다. 이제 마우스로 클릭해서가 아닌 C# Code 에서 불러오는 방법에 대해 알아보겠습니다. Image Data 를 담는 공간으로는 Mat Type 변수를 사용하여, 아래 코드를 사용하시고자 한다면, Nuget Package 에서 "OpenCvSharp4" 패키지를 설치하고 실행해 주세요. 아래 코드는 HttpWebR..

오늘은 ListView 내에서 List Data 값을 기준으로 각 Row 의 배경색을 다르게 적용하는 방법에 대한 코드입니다. 해당 기능을 적용하기위해서 "ListView.ItemContainerStyle" Tag 내에 코드를 작성 합니다. 내에 선언된 ViewColumn 내의 DisplayMemberBinding 에 설정된 Binidng Path 와 Style Trigger 를 적용할 Binding Path 와 동일합니다. Column 값 중 원하는 조건 값을 기준으로 작성을 하시면 됩니다. 1. List View Code 작성 다른 속성 값은 보실 필요없고, Tag 안에 내에 값이 데이터 속성 값들이구나~ 하고 넘어 가시면 됩니다. 2. Style Code 작성 이제 ListView 내에 들어가는 I..

해당 코드는, .Net Framework 4.8 을 기준으로 작성하였으며 "PropertyChanged.Fody" 패키지를 사용하여 Binding Class 코드를 간소화 시켰습니다. Binding 의 과정은 크게 3가지 Step 이 있고, 마지막 4번쨰는 Optinal 하게 구현되지만, 반응형 GUI 작성을 위해서는 대부분 작성이 필요한 부분입니다. ① DataContext Class 생성 ② XAML Code 에 Binding Path 설정 ③ 부모 Panel 에 DataContext 등록 ④ Optional(*업데이트 코드 구현)" Binding 에 대해서 조금 더 자세한 내용은 아래 링크를 참고해주세요! C# wpf DataBinding, Converter 사용법 정리 * 해당 글은 VisualS..