For-WinUI-3-Beginners

가제

• 야, 너두 WinUI 3 할 수 있어

• 씹어먹는 WinUI 3

• WinUI 3 톺아보기*

      *톺아보다: 틈이 있는 곳마다 모조리 더듬어 뒤지면서 찾아가며 보다
  

저자 구성 및 업무 분장

번호	구분	이름	학과	학년	담당업무
1	팀장 및 집필	조송하	무역학과	3	06, 12장 집필
2	집필	우제현	컴퓨터공학과	3	01, 02, 08장 집필
3	집필	조은경	컴퓨터공학과	3	04, 05장 집필
4	집필	장지현	컴퓨터공학과	3	13, 14, 15장 집필
5	집필	김선희	컴퓨터공학과	3	07, 10, 11장 집필
6	집필	유채린	컴퓨터공학과	3	03, 09장 집필
7	교정	민규동	컴퓨터공학과	2	전체 교정
8	관리	심재창	컴퓨터공학과	교수	전체 관리

책 특징 아이디어

1. (기본) WinUI 3와 C++로 Windows 프로그래밍을 한다.
2. 네이버 카페를 통해 독자들이 서로 소통할 수 있는 커뮤니티에서 서로 아이디어와 조언을 공유할 수 있으면 좋을 것 같습니다.
3. WinUI 3에서 사용하는 다양한 컨트롤(요소)들을 체크리스트로 체크해가며 WinUI 3를 정복해간다.
4. 학습 전 학습 목표를 통해 각 장의 핵심을 파악할 수 있으며, 학습 후 도전 문제와 시험 문항을 통해 복습할 수 있다.
5. 교육 자료를 통해 수업에서 직접 교재로 활용할 수 있다.

목차

1. WinUI 3가 뭐야? 먹는 거야?

01 WinUI 3 및 C++/WinRT 소개__우제현
	- 목표: WinUI 3가 무엇인지 알고, WinUI 3로 할 수 있는 일들을 알아보며 스스로 동기부여할 수 있다.

02 개발 환경 구축__우제현
	- 목표: Visual Studio 2022를 설치하고, VSCode의 기본 기능들을 사용할 수 있다.

03 계산기: 1 더하기 1은? 귀요미가 아니라 2!__유채린
	- 목표: 가장 기본적인 컨트롤인 Button과 TextBox를 사용하여 계산할 수 있다.

2. WinUI 쓰린이(쓰리3+어린이)를 위한 튜토리얼: 싸☆월드 미니홈피/카카오톡 만들기

04 WinUI 3 Gallery 및 실습용 리소스 다운받기__조은경
	- 목표: WinUI 3 Gallery를 탐색하고, GitHub에서 리소스를 다운받아 실습에서 활용할 수 있다.
	
05 라디오 버튼을 활용한 프로필 사진 선택 기능__조은경
	- 예제: https://cafe.naver.com/whatisc/2677
	- 목표: 라디오 버튼을 통해 이미지를 출력하고 전환할 수 있다.
	
06 이미지 콜라주__조송하
	- 목표: VariableSizedWrapGrid를 통해 이미지를 앨범처럼 격자로 출력할 수 있다.
	
07 메뉴바__김선희
	- 예제: https://cafe.naver.com/whatisc/2674
	- 목표: 메뉴바를 통해 메시지박스를 출력하고 TextBlock에 텍스트를 출력할 수 있다.
	
08 키워드 기반 메모장__우제현
	- 예제: https://cafe.naver.com/whatisc/2679
	- 목표: 콤보박스와 Pivot을 통해 키워드별로 메모를 분류할 수 있다.

3. 내가 크☆ 브라우저를?

09 웹 브라우저__유채린
	- 예제: https://cafe.naver.com/winui3/51
	- 목표: 웹페이지를 출력할 수 있다.

10 프로그래스 바__김선희
	- 예제: https://cafe.naver.com/whatisc/2670
	- 목표: 프로그래스 바를 통해 일(예컨대, 다운로드 또는 업로드)의 진행 상황을 출력할 수 있다.

11 탭 전환(페이지 전환)__김선희
	- 예제: https://cafe.naver.com/whatisc/2686
	- 목표: 프레임을 통해 버튼을 눌렀을 때 탭이 전환되도록 할 수 있다.

4. 쓰린이의 스케치북

12 방구석 피카소__조송하
	- 예제: https://cafe.naver.com/winui3/48, https://cafe.naver.com/whatisc/2628
	- 목표: NuGet 패키지를 설치하여 캔버스에 도형을 출력하고 마우스를 드래그하였을 때, 도형이 움직이도록 할 수 있다.

13 굴러가는 싸인펜__펜__장지현
	- 예제: https://cafe.naver.com/whatisc/2629
	- 목표: NuGet 패키지를 설치하여 캔버스에서 마우스를 드래그하였을 때, 선이 그려지도록 할 수 있다.

14 색칠놀이 모음집__슬라이더 및 팔레트(숨기기 & 보이기)__장지현
	- 예제: https://cafe.naver.com/winui3/48, https://cafe.naver.com/winui3/60
	- 목표: 슬라이더를 통해 펜의 굵기를 조절하고, ColorPicker를 통해 색상을 선택하고 해당 색상을 펜에 적용할 수 있다.
		+ 버튼으로 팔레트를 출력하거나 숨길 수 있다.

15 수제 그림판__저장 및 불러오기 기능__장지현
	- 예제: https://cafe.naver.com/winui3/57
	- 목표: 메뉴바를 추가하여 그림을 저장하고 불러올 수 있다.

각 장 구성

1. 학습목표(명확하게)
2. 수업내용(쉽고 간결한 설명, 실전예제 중심)
3. 요약
4. 도전문제(0~2문항)
5. 복습문항(OX 3개, 단답형 3개, 4문 1택 3개)
6. 참고문헌

+ ppt 설명 자료(책으로 출력되는 내용이 아닌 수업용 교육 자료로, 1번부터 6번까지의 내용을 간략하게 담고 있음)

집필 지침

1. 집필 형식

   1. 집필형식 : 기본적인 기능을 구현하는 예제를 바탕으로 개념적인 부분을 이해하고 이를 활용할 수 있도록 서술.
   2. 기술방법 : 이해하기 쉽고 명료하게 서술하며, 시각 자료를 활용.
   3. 예상독자 : 컴퓨터공학과 학생 및 일반 대중 
   4. 원문 : MSDN 또는 수업 카페 참고.

2. 집필방법

   1. 원고분량 : 각 장당 15 ~ 20페이지(총 분량: 200 ~ 300페이지)
   2. 서술은 예제에 기초하여, 실용성을 강조하는 방향으로 독자에게 동기부여를 하며 시각자료를 활용할 수 있다.
   3. 한글로 표기를 원칙. 영어는 되도록 원명을 괄호 안에 사용하나 불가피한 경우에만 영어를 그대로 사용하며 불필요하게 남발하지 않도록 조심한다.
   4. 각주를 사용할 수 있으며, 괄호 속에 넣을 수 있을 만큼 짧은 경우 괄호 안에 간단하게 설명한다.
   5. 본문 중 논문‧기사제목 등은 「」로 사용
   6. 인용문은 “ ”를, 강조는 ‘ ’를 각각 사용
   7. 기타는 일반 관례에 따름

3. 참고문헌

   1. 참고문헌은 10항목 내외로 IEEE 형식에 맞게 기술
      

       (참고: https://owl.purdue.edu/owl/research_and_citation/ieee_style/ieee_general_format.html)
      

4. 시각자료

   1. 되도록 깔끔하게 보이도록 하며, 코드는 캡쳐 사진이 아닌 직접 text로 기술한다.
   2. Visual Studio의 기능이나 WinUI 3 Gallery의 화면, 실행 화면 등을 캡쳐하여 사용한다.
   3. MS워드에 삽입할 뿐만 아니라, 이미지 파일을 따로 모아 제출하며, 각 이미지의 제목은 '?장 그림 ?-?'로 한다.
   4. 시각 자료 사용 시, 각 그림에 맞는 캡션을 넣도록 한다. 캡션 형식은 '그림 ?-?. 그림 제목 또는 설명'으로 한다.
   5. 캡쳐 시, 화면은 다크 모드가 아니어야 한다.

5. 파일 형식

   1. MS워드를 사용하며, 상세 설정은 다음과 같이 한다.

       글꼴: 맑은고딕
       글자 크기: 기본 10pt, 각 장 제목 26pt, 소제목 11pt, 각주 8pt, 캡션 8pt
       줄 간격: 기본 1.15
       단락 간격 : 기본 0줄, 소제목 단락 앞 10pt 뒤 5pt, 캡션 단락 앞뒤 5pt
      

   2. 이미지 파일의 형식은 PNG 또는 JPG로 한다.