파이썬으로 코딩 기초를 배우고 플라스크로 웹서비스 개발을 배우는 과정을 다루고 있습니다. - 입문용 자료입니다. ABCD : http://www.abcds.kr/ Facebook Group : https://www.facebook.com/groups/562787713823026/ 한성일 : https://www.facebook.com/jamie.han.16 iheart79@gmail.com

1. 파이썬

2. 플라스크로

3. 배우는

4. 웹프로그래밍

5. #1

28. ABCD

29. Foundation

30.
스노우키위,

31. 한

32. 성

33. 일

35. 0. 프롤로그

36. 왜?
• 디자이너와의

37. 친분
• 많아짐
• 스타트업

38. 관계자들만

39. 관심을

40. 보임

41. 기존 스터디와 다른점
• 개발

42. 프로젝트

43. 과정

44. 전체를

45. 본다.
• 머리에

46. 쥐가남
• 개발자

47. 체험

48. (개발자와의

49. 대화

50. 능력

51. 향상)

52. 목표
• 프로젝트

53. 전체를

54. 보기
• 무조건

55. 만들기

56. +

57. 서비스

58. 해보기
• 마이크로

59. 프로필

60.
(커뮤니케이션

61. 가능한..)

62. 목표
•

63. 혼자

64. 하는

65. 방법을

66. 배운다.

67.
•

68. 코딩을

69. 한다

70. 못한다는

71. 종이

72. 한장

73. 차이

74.
•

75. 못한다고

76. 생각하면

77. 절대

78. 못한다.

79.
•

80. 생각보다

81. 재미있다.

82.
•

83. 개발자도

84. 더듬더듬

85. 과정을

86. 거친다.

88. -

89. You

90. can

91. do

92. it!

93. 스터디 멤버들
• 운영진

94. 소개

95.
• 자기소개

96. 1. 프로그램밍(코딩)이란?

97. 프로그래밍이란?
1. 컴퓨터에게 뭔가를 시키는 과정
2. 컴퓨터는 0 1 만 알아 먹음
3. 사람이 쓰는 언어를 컴퓨터가 알수 있도록 번역

98. 프로그래밍을 배워야 하는 이유는?
http://youtu.be/SESuctdE9vM

99. 2. 개념

100. 파이썬(Python) 이란?
• 프로그래밍

101. 언어

102. 쉽고

103. 다방면에

104. 사용가능

105.
• 인터프리터

106. 언어

108. https://mirror.enha.kr/wiki/Python

109.
• 귀도

110. 반

111. 로섬(Guido

112. van

113. Rossum)

115. 크리스마스

117. TV

118. 프로그램

119. 웹서비스 구조도
사용자 인터넷 서버
처리된 HTML
데이터베이스
보고 싶다.
데이터
1
2
3

120. 개발환경
•서버에서의

121. 처리를

122. 배움

123.
•로컬

124. PC

125. (노트북)에

126. 서버설치

127.
•파이썬

128.
•플라스크

129. 설치

130. 3. 파이썬 설치

131. 개발툴
사용 툴
• Brackets

133. 에디터

135. http://brackets.io/
• 그외

136. (편리한)

137. 파이썬 + Flask 설치
1.

138. 파이썬

139. 다운로드

141. https://www.python.org/

142. (파이썬

143. 공식)

145. 꼭!

146. Python

147. 2.7.8을

148. 받아야

149. 합니다.

150. 파이썬 설치
2.

151. python-2.7.8.msi

152. 설치

154. C:Python27

155. 경로에

156. 설치됨

157.
!
3-1.

158. setuptools

159. 설치

160. (파이썬

161. 패키지

162. 관리툴)

164. https://pypi.python.org/pypi/setuptools/1.0#windows
3-2.

165. 다운로드

166. 파일

167. 압축해제

169. ez_setup.py

170. 더블클릭

171. (커맨드창이

172. 뜨고

173. 주루룩..

174. 사라집니다.)

175. 4-1.

176. 환경변수

177. 설정
파이썬 설치
컴퓨터

179. 마우스우클릭

181. 속성 고급

182. 시스템

183. 설정 환경변수

184. 파이썬 설치
4-2.

185. 환경변수

186. 설정

188. 기존

189. 설정

190. 뒷줄에

193. ;C:Python27;C:Python27/Scripts

196. 추가
1
2
4-3.

197. 환경변수

198. 설정

200. 새로만들기

202. 입력

203.
PYTHONPATH
C:Python27Lib

204. 추가

205. 행
5.

206. 파이썬

207. 설치확인

208. (IDLE

209. :

210. pure

211. Python)
명령어창

212. 실행

213.
시작버튼

215. 검색창에

216. cmd
python

217. 행
6.

218. PIP

219. 설치

220. (Python

221. 패키지

222. 관리자)

224. easy_install pip
*

225. pip

226. 에

227. 대해

228. 더

229. 알고

230. 싶다면

233. https://pypi.python.org/pypi/pip

234. 파이썬 + 플라스크 설치
(맥OS)
1.

235. 터미널

236. 실행

237. 파이썬 + Flask 설치
(맥OS)
2.

238. 파이썬

239. 확인

240. (IDLE

241. :

242. pure

243. Python)

244.
$python
3.

245. PIP

246. 설치

247. (Python

248. 패키지

249. 관리자)

251. $sudo easy_install pip
*

252. pip

253. 에

254. 대해

255. 더

256. 알고

257. 싶다면

260. https://pypi.python.org/pypi/pip

261. 4. 프로그래밍 기초 (Python)
*

262. 참조

264. http://www.stavros.io/tutorials/python/

265. 파이썬 기초와 문법
“내가

266. 이름

267. 지어주기

268. 전에는

269. 그는

271.
다만

272. 메모리

273. 주소에

274. 지나지

275. 않았다.”

276.
-

277. 변수
“돈을

278. 넣으면

279. 캔이

280. 나온다.”

281.
-

282. 함수

283. 파이썬 기초와 문법 (실습)
0.

284. 기본

285.
변수선언

287. myString = “a”
* 문법을

288. 쓸때

289. 꼭

290. 탭으로

291. 인댄트(탭

292. :

293. 들여쓰기)

294.
* #으로

295. 시작하는건

296. 주석

297. (주석은

298. 메모

299. 실행되지

300. 않음)

301. 파이썬 기초와 문법 (실습)
1.

302. 변수

303. (Variable)
myvar = 3
myvar += 2
myvar
5
myvar -= 1
myvar
4
mystring = Hello
mystring += world.
print mystring
Hello world.
myvar, mystring = mystring, myvar
print myvar
Hello world.
print mystring
4

304. 파이썬 기초와 문법
2.

305. 제어문
animals = [cat, dog, lion, rabbit]
print animals
for item in animals:
print item
!
!
if animals[1] == cat:
print “고양이다
elif animals[1] == dog:
print 개다
else:
print 뭐지
!
!
while animals[1] == “dog:
print animals[1]
pass
# 무한루프
•더

306. 공부하기

308. Python

309. 기초

310. 파이썬 기초와 문법
3.

311. 함수

312. (Functions)
def sum(a, b, c):
return a+b+c
!
sum(1, 2, 3)
!
def add(a, b, c= alive):
return a + b + c
!
add(I , am)
•더

313. 공부하기

315. Python

316. 기초

317. 5. 플라스크(Flask) 설치
*

318. 참조

320. http://flask-docs-kr.readthedocs.org/ko/latest/installation.html

321. 플라스크 설치
1-1.

322. 윈도우

323. (C:flask-space)
pip install virtualenv
mkdir C:flask-spacech1
cd C:flask-spacech1
virtualenv venv #virtualenv를 사용한다면
pip install flask
1-2.

324. 맥

325. OS

326. (도큐멘트

327. /

328. flask-space)
sudo pip install virtualenv
sudo mkdir ~/Documents/flask-space/ch1
sudo chmod 777 ~/Documents/flask-space/ch1
cd ~/Documents/flask-space/ch1
sudo virtualenv venv #virtualenv를 사용한다면
sudo pip install flask
명령어

329. 창에서

330. flask-space

331. 로

332. 가려면

334. cd

335. C:flask-spacech1
cd

336. ~/Documents/flask-space/ch1
OS 별로 따로 보세요!!

337. 플라스크 설치
(실습)
2.

338. 기본

339. 어플리케이션

340. 생성
3.

341. 내장서버

342. 구동

344. 테스트

345.
hello.py 로 저장 (flask-space/ch1) hello.py

346. 경로에서

347. 아래

348. 명령어로

349. 내장서버

350. 구동

351.
python hello.py
테스트는

352. 브라우져에서

353. 아래

354. 경로

355. 입력

356.
http://127.0.0.1:5000/
from flask import Flask
app = Flask(__name__)
!
@app.route('/')
def hello_world():
return 'Hello World!'
!
if __name__ == '__main__':
app.debug = True
app.run()

357. 6. 플라스크(Flask) 실습
*

358. 참조

359.
http://flask-docs-kr.readthedocs.org/ko/latest/quickstart.html

360. 플라스크(Flask)는?
1. 기본개념
• Python이

361. 웹서비스가

362. 가능하도록

363. 만들어주는

364. 프레임워크

365.
• 설정이

366. 쉽다?

367.
• 파일

368. 하나로

369. 기능을

370. 제공하는

371. 마이크로

372. 프레임워크

373.
• 필요한

374. 기능이

375. 있다면

376. 그때

377. 그때

378. 기능

379. 추가

380. 가능

381. (pip)

382. 플라스크 사용
#!/usr/bin/python
# -*- coding: utf-8 -*-
import sys
reload(sys)
sys.setdefaultencoding('utf8')
!
from flask import Flask
app = Flask(__name__)
!
@app.route('/')
def hello_world():
return 'Hello World!'
!
@app.route('/main')
def main():
return 'main page'
!
if __name__ == '__main__':
app.run()
라우팅(Routing)
한글

383. 깨짐

384. 방지

385.
복사해서

386. 사용하세요.
플라스크

387. 객체

388. 실행
라우팅

389. 설정
컨트롤러

390. 설정
내장서버

391. 실행

392. 플라스크 사용
파라미터(Parameter)
@app.route('/user/username')
def show_user_profile(username):
return 'User %s' % username
!
@app.route('/post/int:post_id')
def show_post(post_id):
return 'Post %d' % post_id
username

393. 으로

394. 값을

395. 받아

396. 출력

397.
%s 는

398. 문자
int:post_id 로

399. 숫자값만

400. 받도록

401. 설정

402.
%d는

403. 숫자(정수)

404. 플라스크 사용
@app.route('/logging')
def logging_test():
로깅(Logging)
test = 1
app.logger.debug('디버깅 필요')
app.logger.warning(str(test) + 라인)
app.logger.error('에러발생')
return “로깅 끝
콘솔에만

405. 표시할때

406. 사용

407.
개발자가

408. 필요한

409. 정보를

410. 출력

411. 할

412. 수

413. 있음

414. 플라스크 사용
로그인 (Post, Session)
render_template, request, session # import 에 추가 해야 함
!
@app.route('/login_form')
def login_form():
return render_template('login_form.html')
!
@app.route('/login', methods=['POST'])
def login():
if request.method == 'POST':
if ( request.form['username'] == 'jamie'
and request.form['password'] == ‘1234'):
session['logged_in'] = True
session['username'] = request.form['username']
return request.form['username'] + 님 환영합니다.
else:
return '로그인 정보가 맞지 않습니다.'
else:
return '잘못된 접근’
!
app.secret_key = ‘sample_secret_key’
- session

415. 과

416. request

417. 가

418. 사용되었음

419.
- app.secret_key = 'abc'

420. 세션키를

421. 꼭추가해아함

422. 플라스크 사용
!DOCTYPE html
html lang=en
head
title로그인 테스트/title
/head
body
form method=post action=/login
h2로그인 정보를 입력해주세요/h2
input type=text name=username placeholder=Username
input type=password name=password
placeholder=Password
button type=submit로그인/button
/form
/body
/html
로그인
저장

423. 위치

424. :

425. templates/login_form.html

426. 플라스크 사용
GET을 이용한 로그인 (request, session)
실제 서비스에선 절대 GET방식 로그인을 하면 안됨
@app.route('/get_test', methods=['GET'])
def get_test():
if request.method == 'GET':
if (request.args.get('username') == jamie
and request.args.get('password') == 1234):
return request.args.get('username') + 님 환영합니다.
else:
return '로그인 정보가 맞지 않습니다.'
else:
return '잘못된 접근'

427. 플라스크 사용
로그아웃 (session)
request, redirect, url_for, session # import 에

428. 추가해야

429. 함
@app.route('/logout')
def logout():
session['logged_in'] = False
session.pop('username', None)
return redirect(url_for('index'))

430. 플라스크 템플릿 (jinja2)
템플릿 테스트
@app.route('/template')
@app.route('/template/tempid')
def template_test(tempid=None):
sports = ['야구', '축구', '농구']
return render_template('template.html', tempid=tempid, sports=sports)

431. 플라스크 템플릿 (jinja2)
템플릿 테스트
저장

432. 경로

433. :

434. templates/template.html
!DOCTYPE html
html lang=en
head
title템플릿 테스트/title
/head
body
div
h3 - 파라미터 : {{ tempid }} /h3
{% if not session.logged_in %}
h3 a href={{ url_for('login_form') }}로그인/a 해주세요. /h3
{% else %}
h3 a href={{ url_for('logout') }}로그아웃/a /h3
{% endif %}
h3 - 사람들이 좋아하는 운동 /h3
{% for i in sports %}
h3 {{ i }} /h3
{% if i == '축구' %}
h5 {{ i }}는 아닌데.. /h5
{% endif %}
{% endfor %}
/div
/body
/html

435. 7. 예고편

436. 부트스트랩 + Mysql
Bootstrap

437. -

438. 프론트

439. 앤드

440. 제작툴 Mysql

441. -

442. 데이터베이스
http://bootstrapk.com/BS3/
https://wrapbootstrap.com/ 데이터베이스

443. 기본

444. 설정과

445. 기본

446. SQL

448. 부트스트랩
깔끔한 디자인의 화면..!!

449. QA

450. 수고하셨습니다. :D
• ABCD

451. Foundation

453. https://www.facebook.com/groups/562787713823026/

454.
!
• 한성일

456. https://www.facebook.com/jamie.han.16

458. iheart79@gmail.com