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

이 자습서에서는 파일에서 그림을 로드하여 창에 표시하는 프로그램을 빌드합니다.In this tutorial, you build a program that loads a picture from a file and displays it in a window. 또한 단추와 그림 상자 같은 컨트롤을 폼으로 끌어서 놓고, 이러한 컨트롤의 속성을 설정하고, 컨테이너를 사용하여 폼의 크기를 자연스럽게 조정하는 방법에 대해 배우고You learn how to drag controls like buttons and picture boxes on your form, set their properties, and use containers to smoothly resize the form. 코드 작성을 시작합니다.You also get started writing code. 여기에서는 다음과 같은 작업을 수행하는 방법에 대해 배우게 됩니다.You learn how to:

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

  • 응용 프로그램을 테스트(디버깅)합니다.Test (debug) an application.

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

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

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

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

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

    자습서 실행이 끝나면 프로그램이 다음 그림과 같이 만들어집니다.When you finish, your program will look like the following picture.

    이 자습서에서 만드는 사진Picture that you create in this tutorial
    이 자습서에서 만드는 사진Picture that you create in this tutorial

샘플의 전체 버전을 다운로드하려면 Complete picture viewer tutorial sample(전체 사진 뷰어 자습서 샘플)을 참조하세요.To download a completed version of the sample, see Complete picture viewer tutorial sample.

비디오 링크이 항목의 비디오 버전을 보려면 How do I: Create a picture viewer in Visual Basic?(방법: Visual Basic에서 사진 뷰어 만들기) 또는 How do I: Create a picture viewer in C#?(방법: C#에서 사진 뷰어 만들기)를 참조하세요.link to videoFor a video version of this topic, see How do I: Create a picture viewer in Visual Basic? or How do I: Create a picture viewer in C#?.

참고

이러한 비디오에서는 이전 버전의 Visual Studio를 사용하므로 일부 메뉴 명령과 기타 사용자 인터페이스 요소가 약간 다를 수 있습니다.These videos use an earlier version of Visual Studio, so there are slight differences in some menu commands and other user interface elements. 그러나 개념 및 절차는 Visual Studio의 현재 버전에서 비슷하게 작동합니다.However, the concepts and procedures work similarly in the current version of Visual Studio. 이 자습서에는 Visual C#과 Visual Basic이 둘 다 설명되어 있으므로 사용 중인 프로그래밍 언어와 관련된 정보를 참조하세요.Visual C# and Visual Basic are both covered in this tutorial, so focus on information specific to the programming language that you're using.

Visual Basic의 코드를 보려면 코드 블록의 맨 위에 있는 VB 탭을 선택하고 Visual C#의 코드를 보려면 C# 탭을 선택합니다. Visual C++에 대한 자세한 내용은 시작C++ language tutorial(C++ 언어 자습서)를 참조하세요.To see code for Visual Basic, choose the VB tab at the top of code blocks, and to see code for Visual C#, choose the C# tab. If you're interested in learning about Visual C++, see Get started and C++ language tutorial.

Visual C# 또는 Visual Basic UWP 앱을 작성하는 방법을 알아보려면 UWP 앱 빌드를 참조하세요.If you're interested in learning how to write Visual C# or Visual Basic UWP apps, see Build UWP apps.

제목Title 설명Description
1단계: Windows Forms 응용 프로그램 프로젝트 만들기Step 1: Create a Windows Forms application project 먼저 Windows Forms 응용 프로그램 프로젝트를 만듭니다.Begin by creating a Windows Forms application project.
2단계: 프로그램 실행Step 2: Run your program 이전 단계에서 만든 Windows Forms 응용 프로그램 프로젝트를 실행합니다.Run the Windows Forms application program 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 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 program and try other features 프로그램을 실행하고 배경색을 설정합니다.Run your program and set the background color. 색, 글꼴 및 테두리 변경과 같은 다른 기능을 사용해 봅니다.Try other features, such as changing colors, fonts, and borders.