[C#_시트 프로그램] UI 초기 구상

프로젝트 생성

우선 winForm 을 준비해주자.

가장 기본 상태. 파일이름도 타이틀도 Form1 으로 생성되었다.

 

속성 > Text 에서 해당 윈도우의 제목을 바꿔주고, 파일 이름도 바꿔주자.

파일에 F2로 이름을 바꿔주면 .cs, .resx도 일괄적으로 바뀐다.

일단 이름을 바꿔주었다.

ctrl + s로 저장해주자.

---

winForm 프로그램에서 콘솔 화면 보는 법

프로젝트 > 속성

프로젝트의 속성 페이지로 들어가면 아래와 같은 페이지가 나온다.

프로젝트의 속성 페이지

출력 형식 변경

출력 형식을 콘설 애플리케이션으로 바꿔주면 해당 페이지 이름에 *이 생긴다.

저장해줘야 한다.

이 페이지 역시 저장해줘야 하므로 ctrl + s를 눌러주자.

반대로 Windows 애플리케이션으로 바꿔주면, 콘솔창이 사라진다.

---

Form 내부 코드 수정

form > 코드 보기

일반적으로 form을 더블클릭하면 디자인 수정 페이지가 나오기 때문에, form > 오른쪽 클릭 > 코드 보기 로 봐야 내부 코드가 보인다.

내부 코드가 보인다.

여기서 InitializeComponent(); 부분은 mainForm.Designer.cs의 코드 부분에존재하는 것으로 Form을 초기화 시킨다.

---

콘솔 창에 출력하기

해당 부분 아래에 아래와 같이 넣어보자.

namespace AppleSheet
{
    public partial class mainForm : Form
    {
        public mainForm()
        {
            InitializeComponent();

            Console.WriteLine("메인 폼 시작");
        }
    }
}

프로그램을 실행시키면 다음과 같이 출력되는 것을 볼 수 있다.

콘솔 화면에 문자열을 출력시키려면 Console.WriteLine 함수를 사용해야한다.

타이틀, 디버그용 콘솔 등 정상 동작하는 것을 확인해주자.

---

영역 구분하기

UI 요소들을 조정하다보면, 그룹화 되어있는 경우가 있는데 그럴 때는 하나하나 옮기기 불편한 것이 있다.

그럴때 컨테이너 요소를 이용하면 일괄적으로 옮기기 편하다.

컨테이터 > Panel 요소를 사용해보자.

해당 컨테이너의 이름도 바꿔주자. 코딩 중 요소 관리가 편하다.

Top 라고 지은 이유는 해당 요소가 위쪽에 있을 것이기 때문이다.

Dock 속성을 조정해주면 해당 Panel이 위에 고정된다.

Dock 속성을 조정해서 위에 판으로 만들어주자.

또 다른 Panel을 넣어서 Dock에 Fill을 넣어주고 Margin을 0, 0, 0, 0으로 바꿔주면, 위 아래 구역이 나뉜다.

Panel을 이용해서 구역을 나누고, 제어하면 다양한 곳에 이용할 수 있다.

또한, 뭐든 수정하면 ctrl + s로 저장을 잊지 말자.