자습서 1: 사진 뷰어 만들기Tutorial 1: Create a picture viewer

이 자습서에서는 파일에서 그림을 로드하여 창에 표시하는 앱을 빌드합니다.In this tutorial, you build an app that loads a picture from a file and displays it in a window. 또한 Windows Forms 디자이너 를 사용하여 단추와 그림 상자 같은 컨트롤을 양식에 끌어오고, 해당 속성을 설정하고, 컨테이너를 사용하여 양식의 크기를 자연스럽게 조정하는 방법을 알아봅니다.You learn how to use the Windows Forms Designer to drag controls like buttons and picture boxes on to your form, set their properties, and use containers to smoothly resize the form. 코드 작성을 시작합니다.You also get started writing code.

참고

이 자습서는 C#과 Visual Basic을 모두 다루고 있으므로 사용 중인 프로그래밍 언어와 관련된 정보를 참조하세요.This tutorial covers both C# and Visual Basic, so focus on the information that's specific to the programming language you're using.

이 자습서에서는 다음 작업을 단계별로 안내합니다.This tutorial walks you through the following tasks:

  • 새 프로젝트를 만듭니다.Create a new project.

  • 애플리케이션을 테스트(디버깅)합니다.Test (debug) an application.

  • 확인란과 단추 같은 기본 컨트롤을 폼에 추가합니다.Add basic controls like check boxes and buttons to a form.

  • 레이아웃을 사용하여 양식에 컨트롤을 배치합니다.Position controls on a form by using layouts.

  • 폼에 파일 열기 대화 상자를 추가합니다.Add Open File and Color dialog boxes to a form.

  • IntelliSense 및 코드 조각을 사용하여 코드를 작성합니다.Write code by using IntelliSense and code snippets.

  • 이벤트 처리기 메서드를 작성합니다.Write event handler methods.

완료되면 앱은 다음 이미지와 유사하게 표시됩니다.When you finish, your app should look similar to the following image:

이 자습서에서 만드는 그림 뷰어 앱

제목Title 설명Description
1단계: Windows Forms 앱 프로젝트 만들기Step 1: Create a Windows Forms App project Windows Forms 앱 프로젝트 만들기로 시작합니다.Begin by creating a Windows Forms App project.
2단계: 그림 뷰어 앱 실행Step 2: Run your picture viewer app 이전 단계에서 만든 Windows Forms 앱 프로젝트를 실행합니다.Run the Windows Forms App project that you created in the previous step.
3단계: 양식 속성 설정Step 3: Set your form properties 속성 창을 사용하여 폼의 모양을 변경합니다.Change the way your form looks using the Properties window.
4단계: TableLayoutPanel 컨트롤을 사용하여 양식 레이아웃Step 4: Lay out your form with a TableLayoutPanel control 폼에 TableLayoutPanel 컨트롤을 추가합니다.Add a TableLayoutPanel control to your form.
5단계: 양식에 컨트롤 추가Step 5: Add controls to your form PictureBox 컨트롤 및 CheckBox 컨트롤과 같은 컨트롤을 폼에 추가합니다.Add controls, such as a PictureBox control and a CheckBox control, to your form. 폼에 단추를 추가합니다.Add buttons to your form.
6단계: 단추 컨트롤 이름 지정Step 6: Name your button controls 단추의 이름을 더 의미 있는 이름으로 변경합니다.Rename your buttons to something more meaningful.
7단계: 양식에 대화 상자 구성 요소 추가Step 7: Add dialog components to your form OpenFileDialog 구성 요소 및 ColorDialog 구성 요소를 폼에 추가합니다.Add an OpenFileDialog component and a ColorDialog component to your form.
8단계: 그림 표시 단추 이벤트 처리기를 위한 코드 작성Step 8: Write code for the show a picture button event handler IntelliSense 도구를 사용하여 코드를 작성합니다.Write code by using the IntelliSense tool.
9단계: 코드 검토, 주석 처리 및 테스트Step 9: Review, comment, and test your code 코드를 검토하고 테스트합니다.Review and test your code. 필요한 경우 주석을 추가합니다.Add comments as needed.
10단계: 추가 단추 및 확인란에 대한 코드 작성Step 10: Write code for additional buttons and a check box IntelliSense를 사용하여 다른 단추와 확인란이 작동하도록 코드를 작성합니다.Write code to make other buttons and a check box work using IntelliSense.
11단계: 앱 실행 및 기타 기능 사용Step 11: Run your app and try other features 앱을 실행하고 배경색을 설정합니다.Run your app and set the background color. 색, 글꼴 및 테두리 변경과 같은 다른 기능을 사용해 봅니다.Try other features, such as changing colors, fonts, and borders.

또한 훌륭한 비디오 학습 자료가 무료로 제공됩니다.There are also great, free video learning resources available to you. C# 프로그래밍에 대한 자세한 내용은 C# 기초: 완전 초보자를 위한 개발을 참조하세요.To learn more about programming in C#, see C# fundamentals: Development for absolute beginners. Visual Basic의 프로그래밍에 대한 자세한 내용은 Visual Basic fundamentals: Development for absolute beginners(Visual Basic 기초: 완전 초보자를 위한 개발)를 참조하세요.To learn more about programming in Visual Basic, see Visual Basic fundamentals: Development for absolute beginners.

다음 단계Next steps

자습서를 시작하려면 1단계: Windows Forms 애플리케이션 프로젝트 만들기 로 시작합니다.To begin the tutorial, start with Step 1: Create a Windows Forms application project.

참조See also