개드립

즐겨찾기
최근 방문 게시판

파이썬 무료 코딩 강의를 만들었습니다 ! - 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개의 댓글

2020.06.19
[삭제 되었습니다]
2020.06.19
@Aspwidnc

Python Eel 쓰셈

0
2020.06.19
@Aspwidnc

할 줄 알면 gui 는 c# wpf 가 짱인듯 합니다 ㅋㅋ 너무 좋아요, 그래도 완전 초보자분들에게는 이게 좀 더 쉬울거라 생각해서 고르게 되었습니다 ^^

0
2020.06.19

오 이여얼...

0
2020.06.19

감사합니다.

0
2020.06.19

4번! 4번이 필요해!

0

재능기부는 ㅊㅊ

0

오 딥러닝 모델들 GUI로 end-to-end 만들어봐야겠네

좋은 강의 ㄱㅅ

0
2020.06.19

기계공학도 동서남북으로 울부짖으며 개추를 눌렀다

0
2020.06.19

ㅇㄷ

0
2020.06.19

ㅇㄷㅇㄷ

0
2020.06.19

파이썬 gui ㅇㄷ

0
2020.06.19

파이썬! 와드와드

0
2020.06.19

파이썬 무료 강좌 ㅇㄷ

0
2020.06.19

파이썬ㅇㄷ

0
2020.06.19

고맙습니다

0
2020.06.19

야이씨 ㅋㅋㅋㅋㅋ 진짜 고맙다 tkinter생각하고있었는데 이타이밍에 이주제로 올리다니진짜 고맙다

0
2020.06.19
@Quant

ㅋㅋㅋ 타이밍이 좋았네요

0
2020.06.19
@나코

진짜 너무너무 사랑해요 형님....... 업무자동화해둔것들 하나로 모으고싶었는데 이걸로 하면되겠다 .......

0
2020.06.19

형..1편 너무잘봤어.. 고마워..

0
2020.06.19
@룰루랄라릴리

^^ 고마워요!! 이런 댓글 받으면 힘이 쑥쑥!!

0
2020.06.19
@나코

프로그래밍 언어 비전공자로써 배워보고싶은 맘은 있는데 엄두가안나서 못하고있었어요

덕분에 손댈수있게됐어 고마오

0
2020.06.19

난 c를 먼저 배워서 그런가? 파이썬은 c에 비해 컴퓨터를 컨트록한다는 느낌이 안들고 대충대충 때우는 느낌이라 좀 불안불안하고 머리아프던데

0
2020.06.19
@프로세스

공학도라면 C 로 가야죠!!

0
2020.06.19

이거 좋다

나도 처음 c 배울 때 그런 생각이었는데 ㅋㅋ

0
2020.06.19
@곧나감

ㅋㅋ 저랑 같은 생각을!!

0
2020.06.19
@나코

다들 프로그램 만든다고 시작하는데

뭔 검은화면에 허연 글자만 나오니 ㅋㅋㅋ

나도 주변에 입문하는 친구들한테 권해볼게 ㅊㅊ

0

게이야 이걸로 영상편집도 할 수 있어?

0
2020.06.19
@스쳐지나간건가

gui 는 껍데기일 뿐이에요. 알맹이로는 못할게 없죠

0
@나코

gui가 껍데기일 뿐이라는게 무슨 말이고...

 

파이썬으로 프리미어 프로나 에프터 이펙트를 통한 영상편집이 가능하다는 말이지?

0

크 아죠씨 같은 멋진 사람이 잘되야되는데

개붕이 같은 코알못에게 간단하게 코딩언어들 알려주는 영상도 별로도 만들어주면 좋을 것 같아요. 코딩언어들 설명하고 왜 파이썬을 추천하게 되었는지, 파이썬을 간단하게 배우려면 어떻게(아죠씨 영상 추천) 하면 되는지.

취미로 시작하였지만 직업이 되서 훨훨 날아오르길 바랄께요

0
2020.06.19
@만큼노오력해야지

ㅋㅋ 감사합니다. 노마드 코더 - 니콜라스 분이 그런 내용을 잘 소개하고 계신듯 해요 ㅋ

0

MFC라는 재밌는게 있는데 ^^..!!

0
2020.06.19
@컴공에서성공할수있을가

아...MFC 는 탈출하세요...

0
2020.06.19
[삭제 되었습니다]
2020.06.19
@부케팔렸스

ㅋㅋ 감사합니다. 광고 안 달아서 수익은 발생하지 않습니다 ㅎ

0
2020.06.19

파이썬 스타크래프트 맵 아님?

0
2020.06.19
@지르텍매이나

ㅇㅇ 1:1 파이썬 초보만

0

pyQt5해줘요

0
2020.06.19
@아랫놈이랑듀오임

ㅋㅋ 이미 다 찍었다구욧

0

py gui 와드

0
2020.06.19

파이썬 마크는 언제봐도 웜즈벌레 엉덩이 맞대고 앉아 있는거같네.

0
2020.06.19

파이썬 guiㅇㄷ

고맙다 이번에 입문하고싶어서 모x의파이썬 사서

거북이 삼각형 사각형 원 만들었다

언젠가 이 글 다시보고 더 고마울게

0
2020.06.19

파이썬 gui와드

0
2020.06.19

파이썬 gui와드

0
2020.06.19

파이썬 gui와드

0
2020.06.19

파이썬ㅇㄷ

0

멋지네 응원한다

0
2020.06.20

코딩 파이썬 ㅇㄷ

0
2020.06.20

파이썬 와드

0
무분별한 사용은 차단될 수 있습니다.
제목 글쓴이 추천 수 날짜
엄복동보다 영화계 파급력이 더 컸던 국내영화 8 마법소년매지컬춘식 17 2 분 전
베트남에서 마사지 받은 여자의 후기 11 엄복동 17 2 분 전
블빵 없어요 33 유루캠 25 11 분 전
표절 노래로 꿀빠는 대만가수 48 붕따기 38 14 분 전
같이 자고 싶다는 여동생 manhwa 32 세미 24 14 분 전
아이가 오토바이를 만져서 다쳤으니 연락바랍니다 53 등급추천요정여름이 41 26 분 전
혼인신고하면 어떤 불이익이 있는지 정리 92 제로제로 68 30 분 전
나 씨유에서 혼밥하는데 구경하러 올 사람.jpg 13 등급추천요정여름이 41 31 분 전
ㅆㄷ) 블아 gs 경품근황 25 돼지3끼 33 31 분 전
폐급 선임 잡아먹는 침착맨.mp4 23 백일2 44 33 분 전
이상하게 높은 계급이 있는데 수정 부탁드립니다 24 인싸지망생 44 39 분 전
또 터진 버튜버 페미 사건. 86 니2니 76 44 분 전
성을 붙여서 부르는게 섭섭한 안유진..jpg 50 주금이 72 48 분 전
한류 열풍에서 의외로 소외받는 분야...jpg 64 ㅇwㅇ 63 1 시간 전
40-20 헌팅포차 생기면 흥하지 않을까? 146 나는솔로 122 1 시간 전
ㅇㅎ) 5월3일이 생일인 게임여캐.jpg 43 뚜비두밥밤바바 43 1 시간 전
헤비 악성민원인 10명... 86 하랄랄라롤로 110 1 시간 전
50대 조기은퇴 후 작은 7평 집에서 사는 부부의 삶...jpg 60 렉카휴업 75 1 시간 전
현장에서 모든걸 해결 하는 영화감독 썰.jpg 83 방구를그냥 102 1 시간 전
ㅇㅎ.츤데레 아내 만화 42 nijvfdnivfre 51 1 시간 전