C# WPF
10. C# EventHandler
10. C# EventHandler
2024.03.0801. 학습 목표 08. XAML - EventHandler 에서 WPF XAML 디자이너를 활용해 UI 컨트롤의 이벤트를 구현했습니다.이번에서는 WPF 코드 비하인드(C# 코드 에디터)를 활용하여 컨트롤의 이벤트를 구현합니다. 이전 포스트에서 사용한 Calculator 프로젝트 예제를, Visual Studio 에서 프로젝트를 실행합니다. 02. WPF 코드 비하인드에서 XAML 컨트롤의 이벤트 구현하기 02.2 Negative 버튼 구현 더보기 if(double.TryParse(resultLabel.Content.ToString(), out lastNumber)) { lastNu..
09. Designer, Nuget
09. Designer, Nuget
2024.03.07@ 이전 포스트의 Calculator 계산기 예제를, 윈도우 계산기와 동일한 UI 로 구현해 봅시다. 이 과정에서 XAML 디자이너를 좀 더 편리하게 사용하는 방법과Nuget 관리자를 사용하여 XAML 외부 라이브러리를 적용하는 방법도 익혀봅시다. 01. Calculator 예제와 윈도우 계산기 비교 01.1 윈도우에서 계산기를 찾아 실행합니다. 01.2 윈도우 계산기와 예제 Calculator 와 비교합니다.편의를 위해, 윈도우의 계산기를 "계산기" WPF 예제를 "Calculator(칼큘레이터)"라고 합니다. 01.3 수정해야 할 부분을 파악합니다. 02. Grid 패널에 새로운 행 추가 02.1 구현 대상 확인 02.2 그리드 패널에 행 추가 ① Grid 태그 > Grid...
08. XAML - EventHandler
08. XAML - EventHandler
2024.03.06XAML과 Code Behind 연동 2 용어 이벤트: 버튼 클릭 등의 이벤트 트리거(발생점)이벤트 헨들러: 이벤트 발생시, 이후 처리 동작이벤트 헨들러는, 이벤트가 발생 후, 이벤트에 따른 로직 처리를 의미합니다. 이벤트가 아닙니다.이벤트 핸들러는, 이벤트 동작 신호를 받아 처리는 부분입니다. 목표버튼 7을 클릭하면, 결과값이 0에서 7로 변경되도록 구현합니다.XMAL 버튼 컨트롤에서 발생한 이벤트가 Code Behind에서 이벤트 핸들러를 동작하도록 구현해 봅시다. 01. 이전 포스트에서 작업했던 Calculator를 이어갑니다. 실행된 프로그램에서 resultRabel에 0이 출력됨을 확인합니다. 02. ① UI 디자이너에서, 구현된 버튼 중 '7'에 해당하는 버튼 컨트롤 태그를 찾아..
07. XAML - Code Behind
07. XAML - Code Behind
2024.03.06XAML & Code Behind 연동C# WPF 는 XMAL 파일과 C# 파일이 한쌍을 이룹니다.XAML에서 대부분의 UI 작업이 가능하지만, 비즈니스 로직은 Code Behind에서 구현해야 합니다.우선, XAML 디자이너에서 정의한 UI 컨트롤을 Code Behind에서 식별하고 호출해 봅니다. 01. Calculator 예제를 다운받고 XAML 확인합니다. 더보기 Calculator 프로젝트를 만들고, 아래 XAML 태그를 추가해도 됩니다. ..
06. XAML - Panels
06. XAML - Panels
2024.03.0501. Panel 개요더보기 (공식문서) 용어: 컨트롤, 컨테이너, 레이아웃 컨트롤 레이아웃 옵션 - Windows Forms .NET.NET용 Windows Forms의 레이아웃 및 위치 지정에 영향을 주는 컨트롤의 다양한 설정에 관해 알아봅니다. 레이아웃에 영향을 주는 다양한 형식의 컨트롤 컨테이너에 관해 알아봅니다.learn.microsoft.com컨트롤은 WPF 에서 사용하는 버튼, 레이블과 같은 UI 객체를 의미합니다컨테이너는 프로그래밍에서 일반적으로 무엇인가를 담을 수 있는 공간을 의미하는 단어 입니다.WPF와 같은 UI 디자인 툴에서 컨테이너는, 컨트롤 여러개를 한번에 담아 관리할 수 있는 객체를 의미합니다.레이아웃은 일반적으로 배치라는 뜻을 가지고 있습니다.WPF와 같은 UI 디자인 툴에..
05. XAML 개요
05. XAML 개요
2024.03.0501. XAML개요더보기XAML(자믈)이란, eXtensible Application Markup Language, 확장 가능한 응용 프로그램 마크업 언어의 약자입니다. Microsoft 에서 UI를 정의하기 위해 XML을 기반으로 만든 언어입니다.주로 사용자 인터페이스의 요소, 데이터 바인딩, 이벤트 등의 기능을 정의하는데 사용됩니다. WPF는 XAML 파일과 C# 파일이 한 쌍을 이룹니다.XAML 파일에서는 UI를, C# 파일에서는 로직을 구현합니다. XAML을 사용하여 UI를 구현하기 위해서, 가장 먼저 XAML을 사용하는 방법을 알아봅시다. 02. Control(컨트롤)이란?더보기C++ Qt 디자이너 툴에서는 Widget(위젯)이라는 용어로 UI 를 다루었습니다.C# WPF에서는 Control(..
04. WPF 기본구조 살펴보기
04. WPF 기본구조 살펴보기
2024.03.0501. WPF 기본 템플릿 실행하기더보기01.1 WPF 기본 템플릿 초기 화면을 확인합니다. 01.2 WPF 기본 템플릿 실행하고 살펴봅니다.(WPF 기본 템플릿으로 자동 생성된) WPF 프로젝트를 실행해 봅시다. Ctrl + F5 를 누르거나, "Visual Studio 상단 메뉴"에서 [Debug] > [Start Without Debugging] 로 실행합니다.실행된 후 보이는 화면이 개발자가 작업 할 WPF 프로그램의 초기 모습입니다. 02. Visual Studio에서 WPF 개발 구조 살펴보기더보기02.1 Visual Studio에서 WPF 를 개발할 때 살펴볼 부분을 확인합니다.1. XAML UI 디자이너2. XAML 소스코드 에디터3. 솔루션 탐색기4. UI 컨트롤 속성 창 03. XAML..
03. WPF 프로젝트 생성하기
03. WPF 프로젝트 생성하기
2024.03.0501. Visual Studio 실행 02. 새 프로젝트 생성❶ 최근 실행한 프로젝트의 목록을 보여줍니다.❷ GitHub, Azure, DevOps, Bitbucket 등 원격 저장소에서 프로젝트를 가져옵니다.❸ 내 컴퓨터의 로컬 프로젝트, 솔루션을 실행합니다.❹ 내 컴퓨터에서 폴더 기반으로 프로젝트를 실행합니다.❺ 새 프로젝트를 생성합니다.❻ 아무것도 없는 빈 IDE를 실행화면으로 시작합니다. 03. WPF Application 템플릿 선택설치한 모든 '템플릿'을 확인 할 수 있습니다. 이 중에서 "WPF 템플릿"을 선택해야 합니다.더보기프로그래밍 언어를 C#으로 선택하지 않으면, VB(Visual Basic) 기반의 WPF 템플릿도 리스트에 함께 보입니다.C#은 .NET 개발환경을 지원하는..
02. Visual Studio 설치
02. Visual Studio 설치
2024.03.05Visual Studio 설치 포스트를 참고합니다. https://basiclike.tistory.com/329
01. WPF 개요
01. WPF 개요
2024.03.05WPF(Windows Presentation Foundation)는 2006년 Microsoft에서 .NET Framework 3.0과 함께 공개되었습니다.이후, 다양한 윈도우 응용 프로그램 개발 분야에서 사용되어 온 UI 프레임워크입니다. WPF는 당연히 .NET 환경에서 동작합니다.UI 디자인은 XAML(Extensible Application Markup Language,자믈)을 사용합니다. 비지니스 로직 은 C# 을 주 언어로 소스 코드로 작성하지만, .NET 기반이기 때문에, F#, VB으로 구현 가능합니다.그리고 WPF는 최신 그래픽 하드웨어를 활용하도록 작성된 해상도 독립적인 벡터 기반 렌더링 엔진을 사용합니다.WPF를 사용하면 시각적으로 뛰어난 Windows용 데스크톱 클라이언트 애플리케..