C# WPF/01
17. 윈도우 계산기 - 스타일
17. 윈도우 계산기 - 스타일
2024.11.2601. 목표 더보기01.1 명시적, 묵시적 적용 이해 묵시적(Implicit) - '내포된', 설정하지 않아도, 자동으로 포함되거나 적용된 상태로, "전체 적용" 할 부분에 사용된다.명시적(Explicit) - '명시된', 명시적으로 적어놓은 부분만 적용되는 것으로, "일부 적용"할 때 사용한다. 02. 명시적 예시더보기 02.1 이전 예제에서 적용한 Application.resource 를 주석 처리하고 xaml 에 적용한 background 속성에 정의된 정적 리소스 설정을 제거한다. 02.2Background="{StaticResource operationButtonColor}"Background="{StaticResource numberButtonColor}"검색어 찾아 바꾸기로 제거 03..
16. 윈도우 계산기 - 리소스
16. 윈도우 계산기 - 리소스
2024.11.2601. 목표더보기01.1 윈도우 계산기와, 진행중인 예제의 디자인 비교 01.2 색상코드@웹 확장 프로그램 ColorPick Eyedropper 사용하면 색상을 쉽게 확인할 수 있습니다. 배경색#FFF6F3ED기호 버튼 색#FFFAF9F7숫자 버튼 색White 02. (공통) 버튼 색 변경 방법 확인더보기02.1 등호 기호 배경색 변경❶ 윈도우 계산기의 등호 아이콘은 배경색이 푸른색이다.❷ 버튼 속성의 Brush 탭에서, Backgroud 속성의 ❸ 다섯번째 탭을 선택하면, 기존에 세팅된 색이 보인다.❹ MenuHighlightBrushKey 색을 고르고 저장하면, 자동으로 XAML에 반영된다. 02.2 등호 기호 글자색 변경❶ 윈도우 계산기의 등호 아이콘은 글자색이 하얀색이다.❷ 버튼 속성의 Brush..
15. 윈도우 계산기 - 오류 개선
15. 윈도우 계산기 - 오류 개선
2024.11.2601. 목표더보기0으로 나누는 경우, 개선0을 음수를 만들고 진행하는 경우 , 개선%(퍼센트) 버튼 적용하는 경우 , 개선 02. 0으로 나누는 경우더보기02.1 02.2if (n2 == 0){ MessageBox.Show("Division by 0 is not supported","Wrong operation", MessageBoxButton.OK, MessageBoxImage.Error); return 0;}else return n1 / n2; 02.3 03. 0을 음수를 만들고 진행하는 경우더보기0은 음수가 없습니다.해결해보세요. 04. %(퍼센트) 버튼더보기04.1 04.2 05. 실행 결과 확인 더보기
14. 윈도우 계산기 - 사칙연산 구현
14. 윈도우 계산기 - 사칙연산 구현
2024.11.2601. 목표더보기01.1 사칙연산, +, -, *, / 구현 01.2 사칙연산 구조 분석필요한 데이터첫번째 입력 피연산자, 연산자 기호 종류, 두번째 입력 피연산자, 피연산자 2개의 계산 결과 02.더보기02.1사칙연산 버튼을 눌렀을 때 동작할, OperationButton_Click 이벤트 핸들러를 구현합니다. private void operationButton_Click(object sender, RoutedEventArgs e) { } 02.2사칙연산 버튼에, OperationButton_Click 이벤트 핸들러를 등록합니다.operationBtn = [plusButton, minusButton, devideButton, multiplicationButton]..
13. 윈도우 계산기 - 기타 버튼 구현
13. 윈도우 계산기 - 기타 버튼 구현
2024.11.2601. 목표더보기 CE(초기화), %(백분율), ⌦(삭제),-(음수) 버튼을 구현합니다. C(Clear)의 의미는 입력된 모든 값과 계산 전체 삭제입니다.CE(Clear Entry)의 의미는 마지막 입력 값의 전체 삭제입니다.⌦의 의미는 마지막 입력 값 중 마지막 입력 1개 부분 삭제입니다. 02. CE 버튼 구현더보기02.1 02.2 resultLabel.Content = "0"; 02.3 실행하여, 동작을 확인합니다. 03. % 버튼 구현 더보기03.1 03.2 double lastNumber; private void percentButton_Click(object sender, RoutedEventArgs e) { ..
12. 윈도우 계산기 - 숫자 입력 구현
12. 윈도우 계산기 - 숫자 입력 구현
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") ..
11. 윈도우 계산기 - 기초 UI 구현
11. 윈도우 계산기 - 기초 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 속성이 렌더링 될 때, 외곽선 및 그림자로 ..
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 접두사가 자동으로 추가되어..