프로그래밍/C#

C#을 사용한 Winform GUI - 본격적으로 C# 시작하기

Dibrary 2021. 7. 26. 10:02
반응형

안녕하세요, Dibrary입니다. 

다들 아시다시피 GUI는 사실 이 기능, 저 기능들을 구현 해 두면 편리합니다.

C#에도 GUI를 만들 수 있는 기능이 있습니다.

윈도우와 리눅스에서도 쓸 수 있는 GUI를 만들어 볼까요?

먼저 Visual Studio를 설치 해야 합니다.

아래 경로로 가시면 Visual Studio를 다운 받을 수 있습니다.

 

Visual Studio IDE, 코드 편집기, Azure DevOps 및 App Center - Visual Studio

Visual Studio 개발 도구 및 서비스를 통해 플랫폼과 언어를 쉽게 개발할 수 있습니다.Mac 및 Windows 코드 편집기, IDE 또는 Azure DevOps를 무료로 사용해 보세요.

visualstudio.microsoft.com

첫 화면은 위와 같이 나올텐데,

왼쪽 visual studio에서

다운로드를 누르면 아래와 같이 3 종류가 나옵니다. 우리는 코딩 연습을 할 것이므로, Community버전을 다운 받으시면 됩니다.

참고로, 용량은 가볍습니다. (실상은 그렇지 않아요 ㅠ.ㅜ)

받은 후에 여느 프로그램 설치와 마찬가지로, 더블클릭 해서 설치설치 하시면 됩니다.

아마 중간에 

이런 화면이 나올텐데, 여기서 우리가 반드시 표시 해 둬야 하는 것은.

.NET 데스크톱 개발 입니다.

 왜냐하면, C#이 .NET framework에서 돌아가는 언어이기 때문에 그렇습니다. 아래 설명을 보셔도 C# 관련 설명이 잘 나와 있습니다. (C나 C++개발도 같이 하실 분은 오른쪽에, C++을 사용한 데스크톱 개발도 표시 하시면 됩니다.)

필요에 따라 설치하고, 삭제할 수 있는 편리한 기능입니다.

체크 하시고, 설치 하시면 끝입니다.

 

이제 바탕화면에 있는 visual studio를 더블클릭해서 열어보시면

뭐 이런 화면이 나올겁니다. 저는 기존에 '프로젝트'가 있기 때문에, 여러가지 나왔지만, 맨 처음에는

아무것도 나오지 않을 겁니다. 그러면 오른쪽에 '새 프로젝트 만들기' 를 눌러주세요.

이 부분에서 C#으로 정렬 해 보면, Windows Forms 앱(.NET framework) 가 보일 겁니다.

이걸 선택 해 주세요. (GUI를 안 하고, C# 코드 연습만 하실 분이라면 콘솔 앱으로 프로젝트를 진행하시면 됩니다)

그 다음에 해당 프로젝트를 위치시킬 경로와, 프로젝트 이름을 지정하시고 만들기 하시면 됩니다.

 

네 이게 앞으로 자주 마주할 Visual Studio의 메인 화면입니다.

저는 기존에 사용하던 프로젝트를 열었기 때문에 오른쪽에 몇 개의 프로젝트가 미리 만들어져 있는 것을 볼 수 있죠.

그리고, 우리는 프로젝트를 Windows Form으로 선택했기 때문에, GUI 기본 화면이 앞에 나온 것입니다.

 

왼쪽의 도구 상자를 클릭 해 볼까요?

딱 봐도 GUI용 도구라는 것을 알 수 있습니다.

PyQt5에서 사용하던 Qt Designer랑 비슷하죠?

여기서도 사용 방법은 Qt Designer랑 별반 다르지 않습니다. 말 그대로, 내가 구현하고자 하는 것을 

드래그 앤 드롭

하시면 됩니다.

버튼 하나를 드래그 앤 드롭 한 모습

버튼 한 개만 옮겨 보았습니다. 굉장히 쉽죠?

다른 요소들도 마찬가지입니다.

 

여기까지 무사히 잘 따라오셨다면, 앞으로 C#언어를 사용해서 GUI를 만드는 첫 단추를 잘 꿰신 겁니다.

 

참고로 미리 언급해 드리자면,

C#을 사용한 GUI든, Python으로 만든 GUI든 프로그램은 모두 나의 편리함을 위해 만드는 것이므로,

어떤 것을 GUI로 만들어서 편리함, 이익을 누릴까? 라는 생각을 먼저 구상하시면 좋습니다.

예를 몇 개 들어 드리면, 저같은 경우는

  • 책 읽은 도서 리스트 정리
  • 가계부 정리
  • 일기 정리
  • 주식 시계열 데이터 정리

이런 것들에 GUI를 사용합니다.

굳이 폴더 직접 들어가서, 일일이 열고 찾고, 이런 수고 없이, GUI와 DB를 연동해 둠으로써, 편리하게 검색 혹은 필요한 정보만 꺼낼 수가 있죠.

 

728x90
반응형