C# WPF/01
5.3 C# - enum
5.3 C# - enum
2024.11.1901. 목표 더보기01.1이번에서는 산술연산 기능을 구현합니다. 01.2이전 포스트에서 작업했던 Calculator 예제를 이어갑니다.이전 포스트 작업물이 없다면, Calculator 예제를 다운받고 확인합니다. 02. 산술연산 기능 구현하기더보기02.1 사칙연산(+, -, *, /) 식별을 위한 enum 자료형 만들기 public enum SelectedOperator { Addition, Subtraction, Multipliction, Division } 02.2 사칙연산(+, -, *, /) 로직 만들기 public class SimpleMath { public static double Add(double n1, do..
5.2 C# - Sender
5.2 C# - Sender
2024.11.1901. 목표더보기01.15.1 XAML - C# EventHandler 에서 WPF 코드 비하인드(C# 코드)를 활용하여 컨트롤의 이벤트를 구현 했습니다.이번에서는 WPF 코드 비하인드에서 C# 함수를 응용해 봅니다. 01.2 이전 포스트에서 작업했던 Calculator 예제를 이어갑니다. 이전 포스트 작업물이 없다면, Calculator 예제를 다운받고 확인합니다. 02. 이벤트 핸들러 응용하기(1)더보기02.1 숫자 버튼의 이벤트 핸들러 응용① 계산기의 모든 버튼 클릭 이벤트는, 해당되는 숫자 값이 입력되는 구조입니다.각각의 버튼에 동일한 입력 로직이 구현되어 있다고 가정하면, 차이점은 숫자 값만 다릅니다. 데이터가 같고, 로직만 다르다면, 별도의 로직을 각각 구현할 이유가 없기 때문에, 로직이..
5.1 C# - EventHandler
5.1 C# - EventHandler
2024.11.1901. 목표더보기01.1"3.4 XAML - EventHandler" 에서 "WPF XAML 디자이너"를 활용해 UI 컨트롤의 이벤트를 구현했습니다.이번에서는 WPF Code Behind(이하 C# 코드)를 활용하여 컨트롤의 이벤트를 구현합니다. 01.2이전 포스트에서 작업했던 Calculator 예제를 이어갑니다. 이전 포스트 작업물이 없다면, Calculator 예제를 다운받고 확인합니다. 02. 이벤트와 이벤트 핸들러더보기02.1 속성 확인*x:Name 프로퍼티는 객체 참조 필드를 생성하고, 컨트롤 식별자인 Name 속성과 맵핑하여 동일하게 사용하도록 합니다. ① XAML에서 ce 버튼에 해당하는 컨트롤을 확인합니다. XAML에서 ce 버튼에 해당하는 컨트롤의 식별자(x:Name) 속성값은 ..
4. Nuget
4. Nuget
2024.11.1901. 목표더보기01.1계산기의 수학 기호를 출력하기 위해, 수학기호를 표시하는 외부 라이브러리를 적용해 봅니다.이 과정에서 Visual Studio의 "Nuget 관리자"와 외부 라이브러리를 사용하는 방법을 익혀봅시다. 01.2이전 포스트에서 작업했던 Calculator 예제를 이어갑니다. 이전 포스트 작업물이 없다면, Calculator 예제를 다운받고 확인합니다. 02. Nuget 패키지 관리자 사용법더보기 03. 라이브러리 사용법 확인더보기03.1 깃허브 링크 GitHub - ForNeVeR/xaml-math: A collection of .NET libraries for rendering mathematical formulae using the LaTeX typesetting style, ..
3.5 XAML - Designer, Style
3.5 XAML - Designer, Style
2024.11.1901. 목표더보기01.1XAML 디자이너를 활용해, 이전까지 작업해온 Calculator 예제를 "윈도우 계산기"처럼 디자인해봅시다. 01.2 이전 포스트에서 작업했던 Calculator를 이어갑니다.이전 포스트 작업물이 없다면, Calculator 예제를 다운받고 확인합니다. 02. 컨트롤을 복사하고 마우스로 다루기더보기02.1 목표 02.2 ① XAML 소스에 행 태그 추가, ② 디자이너에서 반영 확인 02.3 ① 이동 할 컨트롤 모두 선택 ② 마우스로 드래그하여 아래로 이동 02.4 ③ 복사할 컨트롤 선택 후, Ctrl+C 단축키로 복사 02.6 ④ 복사된 컨트롤을 마우스로 이동시켜 배치 ⑤ 복사된 컨트롤의 식별자를 확인하면 _Copy 접두사가 자동으로 추가되어..
3.4 XAML & EventHandler
3.4 XAML & EventHandler
2024.11.1901. 목표더보기1. 용어 이해이벤트: 버튼 클릭 등의 이벤트 트리거(발생 시작점)이벤트 핸들러: 이벤트 발생시, 이후 처리 동작이벤트 핸들러는 , 이벤트가 발생 후, 이벤트에 따른 로직 처리를 의미합니다. 이벤트 핸들러는 이벤트가 아닙니다.이벤트 핸들러는, 이벤트 신호를 받아 처리는 부분입니다. 목표[버튼 7]을 클릭하면, 레이블의 출력값이 0에서 7로 변경되도록 구현합니다.XMAL 버튼 컨트롤을 누르는 이벤트가, Code Behind에서 이벤트 핸들러를 동작하도록 구현해 봅시다. 02. 예제 준비 더보기 이전 포스트에서 작업했던 Calculator를 이어갑니다. 이전 포스트 작업물이 없다면, Calculator 예제를 다운받고 확인합니다. 03. 이벤트 핸들러 구현더보기03.1① UI 디자이..
3.3 XAML & Code Behind
3.3 XAML & Code Behind
2024.11.1901. 목표더보기 XAML & Code Behind 연동 C# WPF 는 XMAL 파일과 C# 파일이 한쌍을 이룹니다.XAML에서 대부분의 UI 작업이 가능하지만, 로직은 Code Behind에서 구현해야 합니다.우선, XAML 디자이너에서 정의한 컨트롤을 C# 코드에서 식별하고 호출하는 방법을 익혀봅시다. 02. 예제 준비더보기 02.1 Calculator 예제를 다운받고 XAML 확인합니다.(새 프로젝트를 만들고, 아래 XAML 태그를 추가해도 됩니다.) ..
3.2 XAML - Panels
3.2 XAML - Panels
2024.11.1901. Panel 개요더보기*Grid (격자) 만 이해하고, 나머지는 필요한 경우에 다시 확인합니다. (공식문서) 용어: 컨트롤, 컨테이너, 레이아웃 컨트롤 레이아웃 옵션 - Windows Forms .NET.NET용 Windows Forms의 레이아웃 및 위치 지정에 영향을 주는 컨트롤의 다양한 설정에 관해 알아봅니다. 레이아웃에 영향을 주는 다양한 형식의 컨트롤 컨테이너에 관해 알아봅니다.learn.microsoft.com컨트롤은 WPF 에서 사용하는 버튼, 레이블과 같은 UI 객체를 의미합니다컨테이너는 프로그래밍에서 일반적으로 무엇인가를 담을 수 있는 공간을 의미하는 단어 입니다.WPF와 같은 UI 디자인 툴에서 컨테이너는, 컨트롤 여러개를 한번에 담아 관리할 수 있는 객체를 의미합니다.레이아웃은..
3.1 XAML 개요
3.1 XAML 개요
2024.11.1901. 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(..
2. WPF 기본구조 살펴보기
2. WPF 기본구조 살펴보기
2024.11.1901. WPF 실행하기더보기01.1 WPF 프로젝트 초기 화면을 확인합니다.*Template 어떤 것을 만들 때 안내 역할을 하는, 사용상의 형식. 01.2 WPF 기본 템플릿 실행하고 살펴봅니다.Ctrl + F5 를 누르거나, "Visual Studio 상단 메뉴"에서 [Debug] > [Start Without Debugging] 로 WPF 기본 템플릿으로 자동 생성된 WPF 프로젝트를 실행해 봅시다. 실행 후 보이는 화면이 개발자가 구현 할 WPF 프로그램의 초기 모습입니다. 02. Visual Studio에서 WPF 개발 구조 살펴보기더보기1. XAML UI 디자이너2. XAML 소스코드 에디터3. 솔루션 탐색기4. UI 컨트롤 속성 창 03. XAML 디자이너, XAML 에디터더보기❶ M..
1.3 WPF 프로젝트 생성하기
1.3 WPF 프로젝트 생성하기
2024.11.1901. Visual Studio 실행 02. 새 프로젝트 생성❶ 최근 실행한 프로젝트의 목록을 보여줍니다.❷ GitHub, Azure, DevOps, Bitbucket 등 원격 저장소에서 프로젝트를 가져옵니다.❸ 내 컴퓨터의 로컬 프로젝트, 솔루션을 실행합니다.❹ 내 컴퓨터에서 폴더 기반으로 프로젝트를 실행합니다.❺ 새 프로젝트를 생성합니다.❻ 아무것도 없는 빈 IDE를 실행화면으로 시작합니다. 03. WPF Application 템플릿 선택설치한 모든 '템플릿'을 확인 할 수 있습니다. 이 중에서 "WPF 템플릿"을 선택해야 합니다.더보기프로그래밍 언어를 C#으로 선택하지 않으면, VB(Visual Basic) 기반의 WPF 템플릿도 리스트에 함께 보입니다.C#은 .NET 개발환경을 지원하는..
1.2 Visual Studio 설치
1.2 Visual Studio 설치
2024.11.19Visual Studio 설치 포스트를 참고합니다. https://basiclike.tistory.com/329