GUI 생성 방법 - 오토핫키 기초강의(R) #4-2

00:13:04
https://www.youtube.com/watch?v=ZkVQ3vZANuo

Ringkasan

TLDR이 강의에서는 오토핫키를 이용해 GUI를 만드는 방법을 배웁니다. GUI는 화면에 표시되는 요소로, 명령어를 통해 생성되고 관리됩니다. GUI의 구성 요소에는 텍스트와 버튼 등이 있으며, 각각의 요소들은 독립된 명령어를 통해 추가 및 수정이 가능합니다. 좌표 시스템을 통해 위치를 지정할 수 있으며, 기본값을 통한 설정이 가능합니다. GUI 생성에 중요한 명령어는 '애드'로, 이를 통해 다양한 GUI 요소를 추가할 수 있습니다. 본 강의는 이러한 GUI 생성 작업의 기초를 다룹니다.

Takeaways

  • 💻 GUI 프로그래밍에 대한 소개
  • 📜 GUI는 코드로 작성됩니다
  • 📝 명령어가 중요 역할을 합니다
  • 🎨 GUI의 기본 요소는 텍스트와 버튼입니다
  • 🛠️ 하위 명령어의 필요성
  • 🗺️ GUI에서의 좌표 시스템
  • ⚙️ 옵션은 유연하게 설정 가능합니다
  • 🔧 하위 명령어 '애드'의 사용법
  • 🚪 기본값 및 생략 옵션 이해
  • 🔍 요소는 컨트롤로 불리기도 합니다

Garis waktu

  • 00:00:00 - 00:05:00

    지금부터 GUI(그래픽 사용자 인터페이스)를 만드는 법을 배울 것입니다. GUI는 화면에 표시되는 것으로 프로그래밍 언어로 작성된 명령어를 통해 구현됩니다. GUI 명령어는 주 UI를 생성 및 관리하는 데 사용되며, 이는 많은 요구 사항이 필요하여 초보자에게는 다소 어려울 수 있습니다. 하지만 GUI 명령어를 정확히 이해하면 이후 배우는 명령어들이 더 쉽게 느껴질 것입니다. GUI 명령어는 하위 명령어가 필요한데, 이는 명령어의 세부 작업 담당하기 때문에 필수적입니다. 오늘은 꼭 필요한 두 가지 하위 명령어, 특히 'Add' 명령어에 대해 배우게 될 것입니다. 이 명령어는 주 UI 요소를 추가하는 데 사용됩니다.

  • 00:05:00 - 00:13:04

    요구 사항에는 요소, 옵션 및 내용이 포함됩니다. 요구 사항을 생략할 때는 콤마(,)를 남겨야 하며, 기본값이 있는 요구 사항은 생략 가능합니다. GUI 명령어가 요구하는 첫 번째 요구 사항 요소는 주 UI에 어떤 요소를 추가할지를 의미하며, 오토 핫키에서는 이를 컨트롤(contol)로 부릅니다. 우리는 텍스트와 버튼 요소를 사용할 것입니다. 좌표는 픽셀 단위로 계산되며, GUI 내부 시작점은 (0,0)입니다. 좌표 설정 시, 특정 요소의 위치 및 크기를 숫자로 표현되며, 옵션에 따라 설정할 수 있습니다. 기본 옵션을 사용하거나 생략할 수 있으며, 위치 설정의 경우 다양한 방법이 존재합니다. 마지막 요구 사항은 내용으로, GUI에 표시하고 싶은 내용을 자유롭게 작성하면 됩니다.

Peta Pikiran

Video Tanya Jawab

  • GUI란 무엇인가요?

    GUI는 Graphic User Interface의 줄임말로, 사용자가 시각적으로 쉽게 상호작용할 수 있도록 도와주는 인터페이스입니다.

  • GUI는 어떻게 작성하나요?

    GUI는 프로그래밍 언어로 작성되며, 명령어를 통해 생성 및 관리할 수 있습니다.

  • 하위 명령어란 무엇인가요?

    하위 명령어란, GUI와 관련된 세부 작업을 지시하는 명령어로, GUI의 다양한 기능을 관리하기 위해 사용됩니다.

  • 좌표 시스템은 어떻게 이루어져 있나요?

    좌표 시스템은 왼쪽 상단을 (0,0)으로 시작하여 오른쪽으로 가면서 x축 값이, 아래로 내려가면서 y축 값이 증가하는 방식입니다.

  • 요소 컨트롤은 무엇인가요?

    요소 컨트롤은 GUI 내부를 구성하는 요소를 의미하며, 오토핫키에서는 이를 '컨트롤'이라고도 부릅니다.

  • 텍스트와 버튼 요소는 어떻게 추가하나요?

    '애드'와 같은 하위 명령어를 사용하여 텍스트와 버튼 같은 요소를 GUI에 추가합니다.

Lihat lebih banyak ringkasan video

Dapatkan akses instan ke ringkasan video YouTube gratis yang didukung oleh AI!
Teks
ko
Gulir Otomatis:
  • 00:00:00
    으 으 으 으
  • 00:00:06
    자 다시 강의로 돌아가서 gui 를 만드는 방법에 대해서 배워보겠습니다
  • 00:00:12
    gui 를 만든다는 게 어떤 것을 의미하는 걸까요
  • 00:00:16
    gui 는 화면에 표시되는 거라 했으니까 우리가 그림을 그려야 될까요
  • 00:00:21
    그런건 아니고요 글로 작성하시면 됩니다
  • 00:00:24
    gui 를 만드는 것 역시 프로그래밍 언어로 만들어져 있고요 만드는
  • 00:00:29
    방법을 배우고 그걸 스크립트로 작성을 하시면 오토 학교에서 알아서 그림을
  • 00:00:34
    그려줍니다
  • 00:00:35
    제가 지난 강의에서 말씀드렸듯이 오토 학계에서는 어떤 기능을 구현하기
  • 00:00:40
    위해서 필요한 게 명령어 라고 그랬어요
  • 00:00:43
    어떤 기능을 구현하기 위해서 필요한 게 명령하고 gui 를 만들기 위해서
  • 00:00:47
    필요한 명령어는 gui 의 명령어 입니다
  • 00:00:51
    이지 유아의 명령어는 주 ui 를 생성하거나 관리하는 기능을 가지고
  • 00:00:56
    있구요
  • 00:00:56
    좀 많은 요구 사항을 필요로 합니다 제가 강의를 준비하면서 조금 우려했던
  • 00:01:02
    사항이 듀 아이 명령어가 오토하 키에 구현되어 있는 명령어들 중에
  • 00:01:06
    사용하기가 좀 어려운 요소입니다
  • 00:01:09
    그래서 이걸 처음 배우시면 경 힘들어 하실 수 있을 거라고 생각이 들어서
  • 00:01:14
    고민을 해봤는데 gui 가 갖은 기본이 되는 요소 꼭 배워야 되는
  • 00:01:19
    요소이기 때문에 첫번째로 알려드리는 거구요
  • 00:01:23
    듀얼 명령어를 사용하는 방법에 대해서 완벽하게 이해를 하시면 앞으로
  • 00:01:27
    배우실 명령어들이 조금 더 쉽게 느껴지실 수 있으니까 어렵더라도 천천히
  • 00:01:33
    따라오시면 좋을것 같아요
  • 00:01:35
    그러면 베일에 싸인 요구사항에 대해서 하나씩 설명드리겠습니다
  • 00:01:41
    제가 지난 영상에서 요구 사항은 명령어의 따라서 달라진다고 말씀을 드렸죠
  • 00:01:47
    gui 라는 명령 우가 가지는 요구사항들이 있구요
  • 00:01:50
    요구사항 내부에서도 조금씩 달라지는 부분들이 있습니다
  • 00:01:55
    오늘 주목하세요 되는게 여러분들이 명령어 사용법 에 접근 할 때 어떻게
  • 00:02:00
    접근해야 되는가 이고요
  • 00:02:02
    제가 얘기 하는걸 천천히 따라와 보시기 바랍니다
  • 00:02:06
    gui 의 명령에 첫 번째 요구사항은 하위 명령어입니다
  • 00:02:11
    하위 명령어는 명령어 가 해야 할 일이 많을 때 세부적인 작업들을
  • 00:02:16
    가리키는 명령어 구요
  • 00:02:18
    쥬 아이같은 경우는 주 유아의 와 관련된 모든 일을 담당하기 때문에 하이
  • 00:02:23
    명령어를 사용해서 세부적인 기능들을 9분할 필요가 있어요
  • 00:02:28
    그래서 하위 명령어 라는게 존재하고 요 듀 in 은 정말 많은 하의
  • 00:02:32
    명령어가 있지만 오늘 이걸 다 배우진 않을거고 여러분들에게 꼭 필요한
  • 00:02:37
    지금 당장 꼭 필요한 하이 명령어 두가지만 배우실 겁니다
  • 00:02:41
    첫 번째로 우리는 지금 쥬얼을 만들어야 되는 입장이 니까 주
  • 00:02:46
    파일을 만들때 필요한 하의 명령어를 배우 겁니다
  • 00:02:50
    그 명령어는 애드 고요 애들아 는 하 이 명령어는 주 ui 요소를
  • 00:02:54
    추가하는 명령어입니다
  • 00:02:57
    그리고 이 뒤에 나오는 요구 사항은 애들아 는 하위 명령어의 필요한 요구
  • 00:03:02
    사항들을 작성하게 될 거에요
  • 00:03:04
    지금까지 말씀드린 내용이 조금 어려우신 분들은 gui 와 애들을 하나로
  • 00:03:10
    묶어서 생각하시면 조금 편하실 것 같고요
  • 00:03:13
    gui 콤마 애들하고 적으면 우리가 gui 를 추가하는 데 사용되는
  • 00:03:18
    명령어 라고 이해를 하시면됩니다
  • 00:03:21
    주아 요소를 추가할 때는 주 유아이 콤마 에이드가 무조건 사용이 되고
  • 00:03:25
    하나로 묶어서 생각을 해도 문제가 없을 것 같아요
  • 00:03:29
    그리고 이지와 애드 에 필요한 요구 사항들을 익혀서 활용을 하시면 되겠죠
  • 00:03:34
    그럼 이 애들아 는 하의 명령어는 어떤 요구 사항들을 필요로 하는지 설명
  • 00:03:40
    드릴께요
  • 00:03:41
    총 3가지가 있구요 첫번째로는 요소 두 번째로는 옵션
  • 00:03:46
    세번째로는 내용이 있습니다 좀 많죠 요구사항들이 좀 많은데 하나씩 살펴
  • 00:03:52
    보면 될 거 아니니까 긴장을 푸시고 요
  • 00:03:55
    우선 이것들에 대해서 알려드리기 전에 한가지 아셔야 되는 사항이 있습니다
  • 00:04:00
    콤마 가 보이시죠 이콘 많은 명령어를 사용하는 데 있어서 가장 중요한
  • 00:04:05
    요소 구요
  • 00:04:06
    듀얼의 명령어 에만 해당하는 게 아니고 모든 명령어에 해당하는 내용이니까
  • 00:04:10
    콤마 가 가지는 의미를 반드시 기억하셔야 됩니다
  • 00:04:14
    명령 화의 요구사항 들은 모두 콤마 로 9분이 됩니다
  • 00:04:19
    여기 적혀 있는 내용들을 봤을 때 각각 이 콤마 로 9분되어 있죠
  • 00:04:24
    듀얼의 명령어를 기준으로 나머지 내용들을 봤을 때 각각 이 다른 요소들이
  • 00:04:29
    고요
  • 00:04:30
    이어 소드를 콤마 로 9분해 주셔야 되요
  • 00:04:33
    그리고 추가적으로 하나의 연구 사항이 내부적으로 여러개의 값을 가질 때도
  • 00:04:38
    있습니다
  • 00:04:39
    이럴 때는 그 내부적인 요소들을 9분하는 역할을 스페이스 바가 해요
  • 00:04:44
    스페이스바 를 입력하면 공백이 한칸 생기죠 요구사항 하나의 내부에 있는
  • 00:04:50
    여러개의 요구사항 들은 공백으로 9분 한다는걸 꼭 기억하셔야 됩니다
  • 00:04:56
    요구사항 들 중에 생략 가능한 요구사항들이 있어요 요구사항들을 생략할
  • 00:05:00
    때는 그 요구 사항이 들어가는 부분을 비워 놓으시면 되는데 요구사항에
  • 00:05:06
    대한 내용은 비어 놓더라도 반드시 콤마 는 있어야 됩니다
  • 00:05:10
    예를 들어서 옵션 부분을 생략을 한다고 가정을 하면 은 5 pin 이라는
  • 00:05:15
    이 글자는 지워도 되지만 콤마 는 남겨 두셔야 된다는 거에요
  • 00:05:20
    그리고 마지막으로 요구사항 들은 기본값을 가질 수 있습니다
  • 00:05:25
    기본 값은 생략이 가능한 요구사항 에만 해당되는 내용이 고요
  • 00:05:30
    우리가 요구사항을 생각한다면 오토 학계에서는 포트와 키가 가지고 있는
  • 00:05:35
    기본값을 활용해서 그 명령어를 수행 하게 됩니다
  • 00:05:39
    조금 더 자세하게 말씀드리면 우리가 어떤 작업을 하기 위해서 명령어를
  • 00:05:43
    사용을 해요
  • 00:05:44
    이 작업을 하는데 필요한 정보들이 있을 겁니다
  • 00:05:48
    이 정보를 우리가 주지 않으면 오토와 키가 정보가 들어 오지 않았을 때
  • 00:05:53
    사용할 값들을 들고 있고요
  • 00:05:56
    이 값이 기본값이 고 정보를 안주면 이 기본값을 활용해서 명령어를 동작시
  • 00:06:01
    키도록 만들어져 있다는 거에요
  • 00:06:04
    아직 자 와 닫지 않으실 텐데 명령어를 배우면서 다시 언급을 드릴께요
  • 00:06:10
    자 이제 다시 요구 사항으로 돌아가서 gui 헤드가 요구하는 첫 번째
  • 00:06:14
    요구 사항은 요소입니다 요소는 추가 할 지 우화의 의 요소를 의미 하고요
  • 00:06:20
    이런 프로그램이 있다고 가정했을 때 이 큰 테두리가 gui 줘
  • 00:06:25
    이 gui 내부를 채우는 부품들을 요소 라고 하구요
  • 00:06:29
    오토 학계에서는 이것들을 컨트롤이 라고 부릅니다
  • 00:06:32
    그런데 저는 강의 하는 동안 계속 요소 라고 표현을 할 거에요
  • 00:06:37
    그러니까요 수 라는 단어는 꼭 기억하시고 컨트롤이 라는 단어는 오트
  • 00:06:41
    학계에서 이것들을 컨트롤이 라고 부르는 구나 라고 이해하시고 넘어가시면
  • 00:06:46
    됩니다
  • 00:06:47
    그리고 요소들은 형태에 따라서 각각의 이름을 가지고 있습니다
  • 00:06:52
    이번 강의를 통해서 만들어 볼 지 우아 요소는 텍스트와 버튼 이구요
  • 00:06:57
    여기 표시된 게 텍스트를 의미하고 여기 표시된 게 버튼 을 의미합니다
  • 00:07:02
    텍스트는 글자를 표시할 수 있는 요소를 나타내고 요 버튼은 말 그대로
  • 00:07:07
    버튼입니다
  • 00:07:08
    그리고 여기 다른 형태의 요소들이 보이는데 간단하게 이름만 말씀드리면
  • 00:07:13
    여기 글자를 입력할 수 있는건 에디트 고요 체크를 할 수 있는 박스가
  • 00:07:18
    있는건 체크박스 9
  • 00:07:20
    이 화살표를 눌러서 내용을 선택할 수 있는건 콤보 박스 글자 들의 목록을
  • 00:07:25
    볼 수 있는건
  • 00:07:26
    리스트뷰 라고 합니다 아마도 여기 그림에 나와있는 것들은 우리가 기초
  • 00:07:31
    강의를 통해서 한 번씩 다 해 볼 거니까 조금만 기다리시고 요
  • 00:07:36
    이번 강의는 처음이니까 텍스트와 버튼만 다뤄 볼 거에요 여기 나와 있는
  • 00:07:40
    글자를 요소 부분에 적어 주시면 되고요
  • 00:07:44
    우리가 만들고 싶은 요소 한 가지만 작성을 하셔야 되요
  • 00:07:48
    듀얼 를 생성할 때는 한 번에 ui 요소 하나만 만드실 수가 있고요
  • 00:07:53
    여러개를 만드시려면 지우와 에 애드 명령어를 여러번 사용하셔야 됩니다
  • 00:07:58
    자 그럼 첫번째로 추가 요소를 텍스트 로 정했어요
  • 00:08:02
    이렇게 요소 부분에 텍스트 라고 적었습니다
  • 00:08:05
    그다음 옵션들을 적을 겁니다 옵션에는 주 유아 요소가 가지는 좌표 색상
  • 00:08:12
    정렬 방법 등을 작성을 하시면 되요
  • 00:08:15
    그런데 이걸 다 적어야 되는건 아니고 필요에 따라서 작성 하시거나
  • 00:08:20
    생략하지 1 수가 있습니다
  • 00:08:22
    예를 들어서 좌표는 필요하니까 작성을 하고 색상과 정렬 방법 등은
  • 00:08:26
    기본값을 사용하겠다 라고 생각을 하면은 좌표에 해당하는 값만 작성을
  • 00:08:31
    하시면 되고 나머지는 생략 을 하시면 된다는 겁니다
  • 00:08:35
    그리고 옵션 은 쥐와 요소에 따라서 다른 값을 가질 수가 있는데 대부분
  • 00:08:40
    유사한 형태를 가지고 있구요
  • 00:08:43
    처음 한번 배우시면 그 이후에는 몇 가지 다른 사항들 만 체크를 해서
  • 00:08:47
    사용하시면 되는 거라서 크게 어려운 부분은 없습니다
  • 00:08:51
    우선 이번 강의에서는 공통적으로 사용이 되는 내용들을 배우실 거니까 그냥
  • 00:08:56
    따라오시면 됩니다
  • 00:08:58
    우리는 gui 생성할 때 좌표 설정만 해 줄 거고요
  • 00:09:02
    좌표를 설정하고 이 위해서 필요한 몇 가지 사항들을 알려드릴게요 우선
  • 00:09:06
    좌표는 1 픽셀 단위로 계산이 돼요
  • 00:09:10
    그리고 오른쪽 그림에 보시면 지우와 의 내부에 시작지점 2
  • 00:09:14
    이 부분이고요 시작지점 을 0 콤마 0으로 좌표를 계산하게 됩니다
  • 00:09:19
    0 콤마 0 이라는건 기준이 되는 지점을 의미하는 거고 gui 뿐만
  • 00:09:24
    아니라 모든 요소들의 좌표에 대해서 얘기할 때는 왼쪽 상단 지점이 기준이
  • 00:09:30
    되고 이 지점이 0 콤마 0으로 계산이 됩니다
  • 00:09:33
    이건 기억을 하시고요 지금은 gui 의 내부만 사용을 할 거니까
  • 00:09:38
    gui 내부를 기준으로 설명을 드리면 이 지점이 0 콤마 0이고
  • 00:09:43
    오른쪽으로 갈수록 x 좌표 값이 증가하고 아래쪽으로 갈수록 y 좌표 값이
  • 00:09:48
    증가합니다
  • 00:09:50
    우리가 학교에서 배웠던 xy 의 좌표계 에서 y 총만 반전이 된 형태죠
  • 00:09:54
    그래서 받아들이시는 데는 큰 어려움은 없으실 거라고 생각을 하고요
  • 00:09:59
    만약 이 강의를 보시는 분이 좌표계에 대해서 배우지 않으셨다면 여기를
  • 00:10:04
    기준으로 0 콤마 0 이라고 부르고 오른쪽으로 갈수록 여기 앞쪽에 있는
  • 00:10:08
    숫자가 커진다고 생각을 하시면 되고 아래쪽으로 갈수록 뒤쪽에 있는 값이
  • 00:10:13
    커진다 고 생각을 하시면 됩니다
  • 00:10:16
    그리고 이 좌표를 설정할 때는 왼쪽 상단 지점 의 x y 좌표 와 내가
  • 00:10:21
    만들지 유아의 요소가 까지는 넓이와 높이 값을 정보로 전달을 해 주실
  • 00:10:26
    거고 각각 을 이렇게 표현할 수가 있습니다
  • 00:10:30
    좌표 넓이 높이 는 모두 숫자로 표현이 되고요
  • 00:10:34
    그 숫자 앞에 어떤 단어가 붙어 있는가 로 이게 무슨 값을 의미하는지를
  • 00:10:39
    판단하게 됩니다
  • 00:10:41
    여기 보시면 각각
  • 00:10:42
    x y w h 로 표현이 되고 x 좌표 y 좌표 넓이 높이 를 의미하는
  • 00:10:50
    거에요 그래서 시 콤마 10 을 시작으로 넓이가 150 이고 높이가
  • 00:10:55
    20인 gui 요소를 만들고 싶으면 x 10 와 20w 150
  • 00:11:01
    h20 이라고 작성을 하시면 되는겁니다 여기까지 하면 이런 좌표 옵션을
  • 00:11:07
    가지는 텍스트를 추가 하겠다 라고 명령하게 되는 거에요
  • 00:11:11
    방금 배운 좌표 설정은 생략을 하실수도 있구요
  • 00:11:15
    만약 생략하겠다 된다면 적당한 위치에 알아서 배치를 해 줍니다
  • 00:11:19
    그런데 아마도 알아서 배치해 주는 위치가 마음에 안 되실 거에요
  • 00:11:24
    이건 직접 해보시면 되는거고 추가적으로 토 학계에서는 듀얼 요소를
  • 00:11:29
    배치하는 좌표 설정 방법이 굉장히 다양하게 만들어져 있습니다
  • 00:11:34
    a 2g 강의 3강 에서 이 내용들을 알려드려 쓰니까 추가적인 방법들을
  • 00:11:40
    알고 싶으신 분들은 이 강의를 참고하시면 좋을것 같습니다
  • 00:11:44
    이제 마지막으로 내용입니다 내용은 gui 에 표시하고 싶은 내용을
  • 00:11:50
    자유롭게 작성 을 하시면 되요
  • 00:11:52
    우리는 매크로를 만들고 있으니까 이 텍스트의 다가 매크로 라는 단어를
  • 00:11:56
    넣을 거고 내용이 들어가는 부분에 이렇게 텍스트 형태로 작성을 해주시면
  • 00:12:01
    됩니다
  • 00:12:02
    그러면 이걸 실행했을 때 매크로 라는 글짜가 표시 되어 있는걸 확인하실
  • 00:12:07
    수 있을 겁니다
  • 00:12:08
    여기까지가 텍스트 라는 gui 요소를 기우 ui 에 추가하는 방법에
  • 00:12:14
    대해서 모두 알아본 겁니다
  • 00:12:16
    많이 어려운가요 처음이라서 많이 어렵게 느껴지시는 분들도 계실텐데
  • 00:12:22
    내가 이런 일을 하고 싶을 때는 이렇게 해야 한다 라고 생각하시는 게
  • 00:12:26
    제일 빠르게 이해하실 수 있는 방법이구요 제가 알려드리는 형태 그대로
  • 00:12:31
    적용을 하시면 되는겁니다
  • 00:12:33
    그리고 이걸 응용 할 때도 정해진 방법 안에서 응용을 하시는 거구요
  • 00:12:38
    아마 지금 당장은 100% 이해가 되지 않더라도 제가 말씀 드리는 내용을
  • 00:12:44
    따라하면서 개념적으로 이해하고 계시면 반복적으로 사용해보면서 온전히
  • 00:12:49
    이해하실 수 있으실 거니까 힘내셔서 쓰면 좋겠습니다
  • 00:12:53
    [음악]
  • 00:12:53
    으
Tags
  • GUI
  • 명령어
  • 옵션
  • 요소
  • 좌표
  • 텍스트
  • 버튼
  • 오토핫키
  • 기본값
  • 프로그래밍