All Pages
22. 윈도우 계산기 - 숫자 입력 구현
22. 윈도우 계산기 - 숫자 입력 구현
2024.11.2601. 숫자 입력 버튼 7, 8, 9 구현더보기01.1 버튼 7, 버튼 8, 버튼 9 입력을 구현합니다. 01.2 "버튼 7" 컨트롤의 이벤트를 생성하기 위해 버튼 컨트롤을 더블클릭합니다. 01.3 "버튼 7" 컨트롤의 이벤트가 Code behind에 sevenButton_Click 이벤트가 자동 생성됩니다. 01.4 "버튼 7"을 누르면, 출력 레이블에 입력되도록 C# 소스코드를 구현합니다. ❹ 버튼이 클릭되었을 때, 실행될 함수의 로직은, 결과를 출력하는 레이블에 값이 0이라면, 해당 버튼의 숫자를 출력하고, 기존에 값이 입력되어 있다면, 기존 값 뒤에 버튼의 값을 추가하여 보여줍니다. if (resultLabel.Content.ToString() == "0") ..
21. 윈도우 계산기 - 기초 UI 구현
21. 윈도우 계산기 - 기초 UI 구현
2024.11.2601. Calculator 예제 준비하기더보기01.1 타겟 분석 스크린샷 을, 그림판으로 보면 너비와 높이를 간단하게 확인 할 수 있습니다.322 * 534px하지만 위의 높이와 너비 속성값을 적용하면 문제가 발생한다.이 문제에 대해 잠시 살펴본다. 01.2 WPF 높이와 너비 테스트 확인 준비Height="100" Width="322" 01.3 XAML Live Preview 01.4 오차 확인 XAML 높이와 너비를, Height="100" Width="322" 으로 세팅했을 때,Height 값은 93 (-7)Width 값은 308 (-14) 값이 차이가 난다는 것을 확인할 수 있다. 이는 WindowStyle 3D border 속성이 렌더링 될 때, 외곽선 및 그림자로 ..
Thread, Dispatcher
Thread, Dispatcher
2024.11.2501. 목표더보기01.1 전제조건C언어를 웠고,컴퓨터의 실행 구조와 메모리와 포인터의 사용법과 사용 이유,그리고 스택과 같은 메모리 모델의 특성(스택 실행 순서와 함수 프레임의 FIFO)의 이해가 있다고 가정합니다. 01.2 용어thread, 실행 순서 흐름을 한가닥의 실로 생각합니다.쓰레드의 어원은 아직 명확하게 밝혀지지 않았습니다. 01.3 WPF 스레드 모델UI Thread, 그리고 BackgroundWorker와 Dispatcher 이해 02. 메모리와 데이터더보기02.1 함수의 실행흐름 02.2 메모리 모델와 함수 실행 구조 (1)함수는 하나의 순차적인 실행 순서(스레드)를가진다. 02.3 메모리 모델와 함수 실행 구조 (2)C언어에서는, 하나의 함수에서 다른 함수 내부 데이터(..
UserControl - 화면 전환
UserControl - 화면 전환
2024.11.2201. 목표더보기WPF 화면 전환에는 Page, Window, TabControl, UserControl 방법이 있습니다. 일반적인 사용 방법을 예로 들면1) Page 는 URI로 이동할때 2) Window 는 창 위에 새 창을 띄울 때 3) TabControl 은, 탭을 사용할 때 4) UserControl 은, 화면의 일부를 구성하고 변경을 할 때 사용합니다. 이번 포스트에서는, UserControl 을 사용해 로그인 후, 다음 화면으로 전환되도록 구현합니다. 02. LoginView 만들고 MainWindow 적용하기더보기02.1 MainWindow.xaml 세팅 ① 프로젝트를 생성하면, 최초 MainWindow 창이 생성됩니다. ② 높이와 너비를 설정하고, Title="UserControl" H..
복습, TodoApp 만들기
복습, TodoApp 만들기
2024.11.211. 목표더보기간단한 TodoApp을 만들면서, WPF 수업 내용 복습하기 2. UI 준비더보기02.1Title="MainWindow"Icon="ToDoIcon.png"Height="450" Width="400"ResizeMode="NoResize" 02.2 02.3 03. 로직 구현더보기03.1 03.2private void Button_Click(object sender, RoutedEventArgs e){ string todoText = TodoInput.Text; if (!string.IsNullOrEmpty(todoText)) { TextBlock todoItem = n..
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 태그를 추가해도 됩니다.) ..