본문 바로가기

전체 글

WPF/Framework - WPF UI 2026. 3. 15. WPF UI - 16강 Dashboard View Design Views/Pages/DashboardPage.xaml ..
WPF/Framework - WPF UI 2026. 3. 15. Visual Studio 2022 기준 - WPF 개발 팁, 단축키 개발 팁Debug 실행시 .xaml 내용 변경하면 실행중에 라이브로 바로 반영이 됨 (디버그 실행 도중에 바로 반영이 되어서, 껐다가 코드 수정 후 실행할 필요 없음) 더블 모니터 일시 : 한곳에는 디버그 프로그램 띄우고, 한곳에는 .xaml 코드 띄우고 작업하면 엄청 편함 실행중에 라이브로 바로바로 반영되서 UI 라이브 시각적 트리 확인 디버그 실행시 프로그램 상단에 버튼에 1번째(라이브 시각적 트리로 이동) 클릭 -> 프로젝트에 라이브 시각적 트리 창이 표시됨 특정 UI가 .xaml 코드에 어디 있는지 찾는 방법 디버그 실행시 프로그램 상단에 버튼에 3번째(요소 선택) 클릭 -> 마우스로 컨트롤 클릭하면 라이브 시각적 트리 창에 선택이 됨 -> 라이브 시각적 트리에서 선택된 컨트롤 우클릭 하면 -> ..
WPF/Framework - WPF UI 2026. 3. 15. WPF UI - 14, 15강 Data 입력 View Model 개발 1. Id 추가(특정 Id에 해당하는 값 Update, Delete하기 위함) 2. View Model에서 ReadAllData, ReadDetailData, UpdateData, DeleteData 커맨드 구현3. View에서 버튼 클릭으로 해당 커맨드 실행 Views/Pages/DataPage.xaml 명칭(controls)은 원하는대로 가능 해줘야 controls 네임스페이스를 가져다 쓸 수 있음(controls:) 안에 컨트롤 사용가능 --> ..
WPF/Framework - WPF UI 2026. 3. 14. WPF UI - 13강 UserControl 소개 및 활용 (feat. Loading Control) 현재 코드는 동기 방식(Synchronous) 으로 DB를 조회하고 있음. 별도의 비동기 처리(async/await)를 사용하지 않음. WPF는 기본적으로 하나의 UI 스레드에서 동작하며, UI 스레드에서 DB 조회를 동기 방식으로 실행하면 조회가 완료될 때까지 UI 스레드가 블로킹(Block)됨. 그 결과: → 화면 렌더링 및 이벤트 처리가 중단됨 → UI 프리징(멈춤 현상) 발생 C#에서는 I/O 작업(DB, 파일, 네트워크 등)에 대해 async/await 기반 비동기 프로그래밍을 사용하는 것이 표준 방식이다. 이 방식은: - UI 스레드를 차단하지 않고 - DB 작업이 완료되면 다시 UI 스레드로 복귀하여 결과를 처리함 중요 async/await는 “항상 새로운 스레드를 만드는 기술”이 아니다. ..
WPF/Framework - WPF UI 2026. 3. 14. WPF UI - 12강 정리 - DataGrid, ComboBox 데이터 바인딩 Views/Pages/DataPage.xaml ..
WPF/Framework - WPF UI 2026. 3. 10. WPF UI - TextBlock **WPF UI 프레임워크의 TextBox**는사용자가 텍스트를 입력하거나 수정할 수 있는 입력 컨트롤 1️⃣ 기본 사용 특징입력 필드 표시사용자가 텍스트 입력 가능PlaceholderText로 안내 문구 표시 화면 예[ Enter your name ] 2️⃣ 텍스트 바인딩 (MVVM) 사용자가 입력한 값을 ViewModel 속성과 연결할 수 있습니다. 동작사용자 입력 → UserName 속성 값 변경 3️⃣ PlaceholderText 입력 전 안내 문구를 표시할 수 있습니다. UI[ Email ] 사용자가 입력하면 안내 문구는 사라집니다. 4️⃣ 크기 및 여백 설정 5️⃣ 여러 줄 입력 여러 줄 입력을 허용할 수 있습니다. 특징Enter 키로 줄바꿈 가능텍스트 자동 줄바꿈 6️⃣ 읽기 ..
WPF/Framework - WPF UI 2026. 3. 10. WPF UI - ComboBox Q) WPI UI 프레임워크에도 콤보박스가 있는지?먼저 결론부터 말하면 WPF UI 프레임워크에도 ComboBox 있습니다.다만 새로운 컨트롤을 만든 것이 아니라 WPF 기본 ComboBox를 스타일링해서 사용합니다.그래서 사용도 그냥 이렇게 합니다. ui: 네임스페이스가 아니라 기본 WPF ComboBox입니다. ComboBox 설명ComboBox는 여러 항목 중 하나를 선택할 수 있는 드롭다운 선택 컨트롤입니다. 📋즉클릭 → 목록 열림 → 항목 선택 1️⃣ 기본 사용 UI [ Apple ▼ ] 클릭하면AppleBananaOrange 2️⃣ SelectedItem선택된 항목을 가져올 수 있습니다. 속성속성설명SelectedItem선택된 항목SelectedIn..
WPF/Framework - WPF UI 2026. 3. 10. WPF UI - Button **WPF UI 프레임워크의 Button**은사용자가 클릭하여 특정 동작(Command 또는 이벤트)을 실행할 수 있는 컨트롤 1️⃣ 기본 사용 Content 속성에 버튼에 표시할 내용을 넣습니다. 화면[ Save ] 2️⃣ Command 사용 (MVVM)버튼 클릭 시 ViewModel의 Command를 실행할 수 있습니다. 동작버튼 클릭 → SaveCommand 실행 3️⃣ 아이콘 버튼WPF UI에서는 아이콘과 텍스트를 함께 사용하는 버튼을 많이 만듭니다. 4️⃣ Appearance 속성버튼의 스타일을 설정할 수 있습니다. 종류PrimarySecondaryDangerSuccess 5️⃣ 버튼 상태 제어버튼 활성/비활성 설정 결과비활성 버튼 (클릭 불..

티스토리툴바