개드립

즐겨찾기
최근 방문 게시판

파이썬 무료 코딩 강의를 만들었습니다 ! - GUI 편

안녕하세요!

 

지난달에 올린 게임 개발편에 이어서 파이썬 GUI편 강의를 만들어서 개붕이들께 신고 드립니다.

지난글 : https://www.dogdrip.net/258601996
 

* 미리 사과드립니다.
재미 없는 글이라 죄송합니다 ㅋㅋ 

 

예전에는 읽게에 연재 했었는데 운영진께서 "읽게인데 왜 읽을 건 없고 볼 것밖에 없냐, 유게로 가라" 고 하셨던 적이 있어서 유게에 씁니다...
공부 글 보기 싫으신 분은 뒤로 가기를 눌러주세요


-------------------------------


저는 취미로? 그냥 뭔가 해보자 해서 코딩 강의를 만드는 사람입니다.
어쩌다 보니 3년째 이 일을 하고 있네요 ^^

 

대학시절 제가 처음으로 배운 언어는 C 였습니다.

(아, 꼬꼬마 시절에 GW-BASIC 도 배워보긴 했지만, 논외로 하겠습니다 ㅋ)

 

C를 배우면서 느낀 점은 이랬습니다.


1. 어렵다
2. 어렵다
3. 어렵다
4. 아 C.. 뭔 소리야
-- 포인터 수업 이후 --
5. 기억 없음

 

1.png

 

교수님은 열심히 가르쳐 주셨죠. 정말 열심히요.

 

2.jpg

 

그런데 한 가지 의문이 남았습니다.

 

"왜 글자만 나오지?? 내가 쓰는 프로그램들은 모두 예쁜 그래픽이 있는데?"

 

압축 프로그램, 워드, 게임, 브라우저는 물론 하다 못해 메모장, 그림판, 지뢰찾기도 모두 예쁜 창 안에 버튼과 이미지 등등이 있었지요.

 

너무 궁금해서 조교님께도 여쭤봤지만 돌아오는 대답은

 

"공부 하다 보면 알게 돼요. C 하나만 제대로 해도 먹고 살 수 있어요"

 

3.jpg

 

네, 지금 돌아보니 조교님의 말씀은 틀리지는 않았어요.


하지만 그 때 당시 저는 너무 답답했고 그 이후로도 글자만 나오는 코딩만 하며 개발에 크게 흥미를 느끼지 못했습니다.

 

전공 과목 실습이나 과제가 다 이런 식이었어요

 

 

 

C 로 피라미드 만들기라던지
 

4.png

 

 

C 로 구구단 짜기.. 모두 글자만 나왔죠

 

5.jpg

 

어린 생각으로는, 코딩을 배운답시고 이런 것만 만들면, 아무리 열심히 만들어도 차마 누구한테 써보라고 줄 수가 없겠더라구요..

 

제가 원한 모습은 바로 이런 거였죠.

 

최소 자바로 만든 메모장이나

 

6.png

 

뭔가 동작할 수 있어 보이는 이런 거요.
 

7.png

 

네, 바로 GUI 라는 녀석을 덮어 씌운 프로그램입니다.
(GUI : Graphical User Interface)

 

 


이번 활용편 주제가 바로 이 'GUI 프로그래밍' 입니다.

 

파이썬 진영에는 다양한 GUI 라이브러리가 있어요.

(tkinter, PyQt, wxPython, PyGui, PySide, ...)

 

저는 그 중에 가장 쉽고 빠르게 개발할 수 있는 tkinter 를 선정했습니다.
파이썬을 설치하면 자동으로 딸려오는 녀석이기도 하지요.

 

8.jpg

 

국내에는 찾아봤는데 tkinter 를 다루는 강의 영상이 거의 없었습니다.
해외의 모 유료 프로그래밍 교육 사이트에서는 1순위로 tkinter 를 가르치고 있더군요.
근소한 차이로 2순위가 PyQt 구요.

 

그런데 할인되지 않은 수강료가 무려 220,000 원!!! 입니다.
그것도 자막 하나 없이 영어로 말이죠. (당연히 강사가 외국인이니까 ㅋㅋ)

 

22만원이면...

 

9.png

 

물론 굉장히 자세하고 많은 내용을 가르칠 수도 있겠지만,
그래도 저 비싼 돈을 주고 배우기에는 아무래도 부담이 되지요.

 

그래서! 공부에 어려움을 겪을지도 모르는 분들을 위해 제가 직접 만들게 되었습니다 !!


제 생각에는, 이 영상 하나만 보셔도 여러분이 직접 GUI 프로그래밍을 어느 정도 하실 수 있게 될겁니다.

필요한 건 파이썬 기본 지식과 여러분의 소중한 4시간입니다.
늘 그랬지만 영상에 광고는 1초도 없으니 편하게 보실 수 있어요 ^^

 

 


그냥 가르치는게 아니고 (제 짱구를 열심히 굴려서 나름) 체계적으로 커리큘럼을 만들었습니다.

 

10.png

 

 

처음에는 tkinter 의 기초를 먼저 공부하면서 어떤 위젯(widget) 들이 있는지, 어떻게 쓰는지 먼저 공부합니다.

 

 

딸깍 눌러볼 수 있는 버튼도 있구요

 

11.png

 

그냥 글자나 이미지를 보여주기만 하는 레이블도 있습니다.

 

12.png

 

정말 자주 사용되는, 글자를 입력할 수 있는 엔트리와 텍스트 박스도 배우구요.

 

13.png

 

 

여러 항목을 쉽게 관리할 수 있는 리스트 박스도 있어요 ^^

 

14.png

 

이거 자주 보시죠? 체크버튼이지요 ㅋ

 

15.png

 

여러 개 중에 하나를 선택할 수 있는 라디오 버튼도 있어요.

 

16.png

 

이 중요한 것들을 포함하여 몇 가지를 더 배우고 화면 상단 메뉴도 한 번 만들어 봅니다.

 

17.png

 

위젯을 어떻게 내가 원하는대로 배치하는지도 공부해봐야겠죠?

그러기 위해서 키보드의 숫자 키패드 부분을 만들어 봅니다. 

계산기 같기도 하네요 ㅎㅎ

 

18.png

 

그리고 나서는, 기초를 배웠는데 퀴즈가 빠질 수 없죠!

복습 삼아서, 윈도우 메모장과 똑같은 프로그램 하나 만들어보구요.

 

(함께 만든 메모장)

19.png

 

(원본 메모장)

20.png

 

 

물론 여러분이 직접 만들게 되실 거에요 ^^

(10분만에 만들 수 있습니다. 진짜입니다.)

 

 

 

 


여기까지 하는데 영상 기준으로 딱 2시간이면 됩니다.
그 후에는... 제가 너무너무 좋아하는 프로젝트를 진행합니다.
코딩 공부의 꽃은 직접 어느 정도 규모 있는 프로그램을 만들어 보는 것이니까요. ^^


어떤 프로젝트냐면 바로..
인터넷에 보면 드라마나 영화나 TV 프로그램의 주요한 장면을 모아서 하나로 합친 이미지 있죠?
예를 들면 이런 것들이요 (사랑해요 무한도전..)

 

22.jpg

 

 

 

영상을 보면서 원하는 장면을 캡처하고, 캡처한 이미지를 하나씩 합치는 게 보통 일이 아닙니다.
그래서 이 작업을 엄청 편하게 하는 프로그램을 만들어 볼거에요.

 

프로그램의 생김새와 사용법은 대략 이렇습니다.

1. 합칠 이미지를 고르고
2. 저장 경로를 선택하고
3. 시작을 누르면?
끝!!

 

 

..그럴듯 하지 않나요???  ^^

 

24.jpg

 

 

보너스로 키보드를 누르면 자동으로 스크린 캡처를 하여 파일로 저장해주는 유틸리티도 만들어 봅니다.
그래야 진짜로 영상을 보면서 이 프로그램을 사용할 수 있을테니까요 ^^

 

 

여기까지 하시고 나면 
- GUI 프로그래밍은 어떻게 만드는지
- 그동안 글자로만 연습하던 코드가 GUI 와 어떻게 어우러지는지
- 버튼을 클릭하면 동작이 어떻게 연결되는지
- 전체적인 구조는 어떻게 잡는지

등등을 모두 배우시게 됩니다.

 

 

이 영상으로 공부해주세요 ^^


(파이썬 활용편 - GUI 프로그래밍)


목차는 이렇습니다.
1. 소개
2. 활용편2 소개
3. 기본 프레임
4. 버튼
5. 레이블
6. 텍스트 & 엔트리
7. 리스트 박스
8. 체크 버튼
9. 라디오 버튼
10 .콤보 박스
11. 프로그레스 바
12. 메뉴
13. 메시지 박스
14. 프레임
15. 스크롤 바
16. 그리드 기본
17. 그리드 심화
18. 퀴즈 (메모장 만들기)
19. 프로젝트 (이미지 합치기 프로그램 만들기)
20. 레이아웃 전반전
21. 레이아웃 후반전
22. 레이아웃 연장전
23. 파일 추가 & 선택 삭제
24. 저장 경로
25. 자동 스크린샷
26. 이미지 합치기
27. 프로그레스 바 연동
28. zip
29. 옵션 전반전
30. 옵션 후반전
31. 버그 수정
32. (보너스) 스크린 샷 프로그램

 

 

 

 

이 강의의 대상은 파이썬 기초 문법을 어느 정도 아시는 분들입니다.

파이썬을 아직 모르는 분이 계시다면 아래 영상으로 먼저 공부해주세요 ^^

 

(파이썬 기본편)

 


이후 구상중인 커리큘럼입니다.

1. 게임 개발 (완료)
 - 오락실에서 하던 Pang 게임

2. GUI 프로그래밍 (완료)
 - 영상에서 캡처한 여러 이미지들을 하나로 합치는 프로그램

 

*3. 웹스크래핑 (제작 중)
 - 내가 원하는 뉴스를 매일 자동으로 긁어오는 프로그램

 

4. 업무자동화
 - 엑셀, 인터넷, 데스크탑 등 컴퓨터에게 일을 시키는 스크립트

 

5. 데이터 분석 및 시각화
 - 빅데이터를 활용한 대한민국의 인구 문제 분석

 

6. 얼굴 인식
 - 이미지 / 영상에서 얼굴을 인식하여 얼굴 위에 재밌는 캐릭터 씌우기

 

7. 머신러닝
 - KNN 을 통해 사용자별 영화 추천 시스템 개발

 

8. 사물인터넷
 - 아두이노를 활용한 RC Car 제작


코딩, 파이썬 공부하시려는 분들께 작게나마 도움되면 좋겠습니다.
감사합니다. ^^

179개의 댓글

GoF
2020.06.19

자바조와

0
2020.06.19
@GoF

ㅋㅋ 자바도 물론 좋지요!

0
2020.06.19

오우 선생님!! 오셧꾼요 ! 2빠

 

그땐 감사했습니다 ㅋㅋㅋ  프로젝트 잘 끝냈습니다

0
2020.06.19
@케로로중사

^^ 개붕씨가 잘해서 그런거에요!! 살짝 귀띔만 해드렸는데 능력자 ㅋㅋㅋ

0
DE1
2020.06.19
0
2020.06.19
@DE1

감사합니다!

0
2020.06.19
[삭제 되었습니다]
2020.06.19
@새드립이얌

ㅋㅋ 그냥 가벼운 코딩 내용이에요~ ^^

0

그래서 플밍처음하는애들은 스크래치같은 교육용 언어부터 해야 흥미가 붙는데 C 하자마자 객체지향이니 절차지향이니 이 ㅈㄹ을 하니 흥미 바로 사라짐 ㅋㅋㅋㅋ

0
2020.06.19
@이성적인도라이

컴퓨터 전공할거고 프로그래머 할거면 몰라도 C 부터 시작하면 ㅋㅋ 사실 거르기 좋은 언어인듯도 합니다. 진작 포기시키므로..ㅠㅠ

0
@나코

사실 강한자만 살아남게 하려고 하는것 아닐까 싶기도함 ㅋㅋㅋㅋ

1
2020.06.19
@이성적인도라이

ㅋㅋ 근데 적성 안맞으면 빨리 다른 길 알아보는 것도 조은거가타요 ㅋㅋ

0
lsp
2020.06.20
@이성적인도라이

scip 좌를 가르치자.

리습조아

0
2020.06.19

electron 이 있고 eel 이 있는데 qt는 몰라도 tkinter는 이미 죽은 기술이나 다름없지

0
2020.06.19
@치다

비전공 or 취미로 해보시려는 분들을 위한 파이썬 강의를 만들고 파이썬으로 무엇을 해볼수 있을까 알려주는 파생 강의를 하다보니 ㅎㅎ tkinter 로 왔네요. PyQt 는 조금 어렵게 느껴지지 않을까 싶어요^^ 의견 감사합니다

0
2020.06.19
@나코

근데 qt는 디자이너로 마우스 쓱쓱 싹싹 하면 알아서 판 짜주는걸로 아는데

0
2020.06.19
@나코

tkinter가 더 심각하다는 뜻이지 qt가 낫다는 뜻이 아님 qt 조차도 배울 이유가 점점 없어지는 판인데

0
2020.06.19
@치다

입문자는 뭐부터 배우는게 좋음?

0
2020.06.19
@아이즈원

요구사항에 네이티브 앱이 필요한게 아니면 이제는 chromium rendering engine 기반 GUI 말고는 다 도태될 것

언어가 제공해주는 GUI 툴킷이 엄청 간편하고 쓰기 좋으면 몰라도,

웹 기술 그대로 데스크톱 앱 개발이 가능해진 시대인데 tkinter를 사용하는 선택은 거의 시대착오적 선택이라고 봄

애초에 GUI 개발에 Python을 선택하는 것 자체가 이젠 좀 아닌 것 같지만, 선택의 여지가 없다면 Python Eel 찾아보셈

0
2020.06.19
@치다

음 내가 파이썬 한 달째인데.. thinker 보다.. pyqt로 하는게 편하더라.. 참고로 pyqt 디자이너 쓰지마라.. ㅅㅂ 그냥 pyqt 쓰는게 더 쉬움

0
2020.06.19
@치다

댓쓴이가 의도하는게 무엇인지는 알겠지만, 개인의 다양성을 조금 더 고려할 필요는 있지 않을까요? 학생들을 가르쳐보면 성취도가 정말 다릅니다. 전 원글 쓴 이의 접근 방식에 너무 공감하며 좋은 글 올려주어 감사를 표합니다.

0
2020.06.20
@cnsi

다양성 존중의 문제가 아니라 명백히 전망 없는 기술을 퍼뜨리는건데, 의도가 좋다고 결과까지 좋은건 아님

0
2020.06.19

Dba이에요 ㅜㅜ

0
2020.06.19
@스웨덴세탁소

ㅗㅜㅑ... dba 분들 존경합니다 ㄷㄷ

0

이사람덕에 파이썬 흥미 붙어서 혼자 공부해서 selenium으로 일하는거 자동화해서쓰고있는데 너무 편하다 ㅠㅠ 고마워 게이야.. 웹스크래퍼 강의는 뷰티풀수프로 할거임??

0
2020.06.19
@이전쟁을끝내러왔다

^^ 멋쟁이 같으니라구!! 뷰티풀 숩이랑 셀레늄 좀 다룰거얏 ㅋ

0
@나코

크 기대하고있을께!

1

GUI 공부해보고 싶었는데 감사합니다~

0
2020.06.19
@가로세로대각선

^^ 감사합니다

0
2020.06.19

파이썬 넘모 어려워요ㅠ

0
2020.06.19
@윤초시댁

어... 그러면 개발을 안하시는게 좋으실 수도 있습니다. 적성을 많이 타요 ^^

0
2020.06.19

c++해야하는딯ㅜㅜ

0
2020.06.19
@바보똥개

어려운 씨뿔뿔 ㅠㅠ

0
2020.06.19

파이썬 self라는거 좀 쉽게 알려줘 찾아봐도 이해가안되

0
2020.06.19
@정소민

그냥 클래스 메소드 선언할때 맨 앞에 붙이고, 변수들은 self.이름 이렇게 쓰라고 하면 화낼거에요? ㅋㅋ

0
2020.06.19
@나코

후...

0
2020.06.19
@정소민

인스턴스가 들어갈 자리라고 생각하면 돼!!

0
2020.06.19
[삭제 되었습니다]
@머법고환
0
2020.06.19
@머법고환

ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 직업까지는...모르겠어요 그냥 취미로 해요 ㅋㅋㅋㅋㅋㅋ

0
2020.06.19

선생님 질문이 있습니다. 제가 요즘 생각하는게 카카오톡 챗봇을 만든다음에 거기에 양식에 맞춰서 내용을 입력하면 자동으로 웹사이트에 있는 형식에 입력해서 사람이 했던 결과와 똑같은 결과물이 나오게 하려면 어떤 언어를 배워야 하나요?

예를들어 김개붕/27살/백수 라는 내용을 챗봇에 입력하면 그 챗봇에 있는 내용을 웹사이트에 자동으로 입력 처리가 된다음 완료된 사항을 챗봇으로 다시 내보낼려면 어렵나요?>? 추천드립니다.

0
2020.06.19
@붉악

https://m.blog.naver.com/pk3152/221387914944

여기 내용이 도움될거에요 ^^

0
2020.06.19
@나코

감사합니다. 선생님 공부 열심히 할께요

0
2020.06.19

줄 건 없고 조회수 하고 개추나 받아라

0
2020.06.19
@Dove

고맙습니다

0
2020.06.19

이거 선생님이 만드신 영상입니까?

나중에 볼려고 저장 해놨는데..

0
2020.06.19
@쥐약

ㅋㅋ 제가 만들었습니다. 나중에 보세요^^

0
2020.06.19

구독 눌렀음.엑셀로 작업하는게 많아서 파이썬 생각만 하고 있었는데 잘 볼께!

0
2020.06.19
@starfall

업무 자동화 편 보시면 도움될거에요 ^^ 엑셀 다루겠습니다

0
2020.06.19

난 이미 구독했다규!

0
무분별한 사용은 차단될 수 있습니다.
제목 글쓴이 추천 수 날짜
ㅇㅎ.츤데레 아내 만화 8 nijvfdnivfre 15 1 분 전
교도관 현직 범죄자에게 들은말.jpg 27 뚜비두밥밤바바 44 15 분 전
가히 천재적이라고 알티타는 여름 아이스티 레시피 53 등급추천요정여름이 41 27 분 전
초고층 건물 올린다던 현대자동차 근황.jpg 50 오뚜기푸엥카레 61 30 분 전
중국 맨홀 뚜껑 근황.gif 26 등급추천요정여름이 36 36 분 전
보정속옷의 위력 16 아이날러 29 36 분 전
혼자서 26mm 함마드릴 고치는 잼민이 31 형님이새끼웃는데요 38 36 분 전
짖는걸 국어책으로 배운 강아지 15 창원시진해구이동... 34 37 분 전
매일 밤 소를 찾아오는 표범...jpg 23 오뚜기푸엥카레 45 37 분 전
스마트폰 없던시절 한국인들의 기다리는 모습 27 콘치즈콘 38 38 분 전
이혼하면서 남편이 가져간 집이 두배가 되었는데 25 온푸 45 40 분 전
결혼하고 임신하니까 왜 저출산인지 알겠음.jpg 88 뚜비두밥밤바바 76 43 분 전
아공간 백룸 진입 노클리핑 구간. 51 인생포기자 60 1 시간 전
볼품 없어보이는 몽골말.jpg 47 등급추천요정여름이 69 1 시간 전
사탄도 보고 식겁한 YES24 레전드 사건...jpg 28 코미디 65 1 시간 전
[약혐/비주얼 쉣] 이번 편의점 신상 비주얼.jpg 38 닉언금지 36 1 시간 전
"타지마, 죽어" 37 일토준지 46 1 시간 전
오늘자 롯데건설 건설 현장 붕괴 ㅎㄷㄷㄷ 30 온푸 45 1 시간 전
ㅆㄷ)겜순이 의붓여동생 24 장트러블맨 32 1 시간 전
전혀 수상하지않은 우리나라 우주기술 .jpg 38 구름이구름 141 2 시간 전