Review
테이블에 데이터 입력
INSERT INTO topics (title, body) VALUES ('SQLite', 'SQLite is ...');테이블에서 데이터 조회
SELECT * FROM topics;
입력한 데이터가 잘 출력되는 것을 볼 수 있다.
SQLite를 Python에서 연동
import sqlite3
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()Python에는 SQLite가 내장되어 있기 때문에 따로 설치하지 않아도 바로 import 해서 사용할 수 있다.
sqlite.connect() 함수로 DB 파일을 열고, cursor를 설정해준다.
Python에서 SQLite 쿼리 실행
cursor.execute('SELECT * FROM topics;')
topics = cursor.fetchall()cursor.execute() 함수로 쿼리를 실행할 수 있다. 쿼리가 실행된 결과의 가장 앞에 cursor가 위치하고, cursor.fetchall() 함수로 해당 내용을 전부 가져올 수 있다.
이렇게 가져온 정보를 print해보자.
print(topics)구문을 python 파일에 추가하고, 터미널에서 방금 작성한 python 파일을 실행한다.
topics에 DB 내용이 잘 들어왔다.
topics 테이블을 읽어오는 read.py
import sqlite3
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()
cursor.execute('SELECT * FROM topics;')
topics = cursor.fetchall()
for topic in topics:
print(topic[0], topic[1])
conn.close()
출력이 잘 된다.
topics 테이블에 입력하는 create.py
import sqlite3
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()
title = input('title : ')
body = input('body : ')
cursor.execute('INSERT INTO topics (title, body) VALUES (?, ?);', (title, body))
conn.commit()
conn.close()
import read마지막에 import read 해주어서 입력 후 바로 테이블 내용을 출력하게 해주었다.
server.py에 SQLite 연동
각 함수마다 sqlite connection을 생성한다. conn.close()로 닫아주는 것을 잊지 말자. template() 함수 내에 다음과 같이 작성했다.
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()
cursor.execute('SELECT * FROM topics')
topics = cursor.fetchall()
conn.close()tuple로 정보를 받아오게 되고, dictionary에 해당했던 문법 대신 tuple에 맞도록 출력 부분을 topic[0], topic[1] 이런 식으로 넣어준다.
for topic in topics:
liTags += f'<li><a href="/read/{topic[0]}/">{topic[1]}</a></li>'read 함수에서는 해당하는 번호의 게시물 내용을 가져오도록 작성했다.
def read(num):
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()
cursor.execute('SELECT * FROM topics WHERE id=?', (num,))
topic = cursor.fetchone()
conn.close()
content = f'<h2>{topic[1]}</h2>{topic[2]}'
return template(content, num)(num,) 이라고 쉼표를 붙여준 것은 (num)으로 넘길 시 그냥 숫자로 넘어가고 (num,)으로 넘기면 튜플로 넘어가기 때문이다.
첫 화면
게시물을 클릭했을 때
Insert 함수 작성
기존 insert는 전역 변수 리스트인 topics에 항목을 추가하는 방식이었고, 이제 SQLite DB를 연결했으니 DB에 저장하는 방식으로 변경해보았다.
@app.route("/create_process/", methods=['POST'])
def create_process():
title = request.form['title']
body = request.form['body']
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()
cursor.execute('INSERT INTO topics (title, body) VALUES (?,?)',(title, body))
nextId = cursor.lastrowid
conn.commit()
conn.close()
return redirect(f'/read/{nextId}')처음에는 SELECT 함수로 가장 마지막 id값을 가져오는 것으로 코딩했는데, cursor.lastrowid라고 마지막 row의 id값을 가져오는 매우 훌륭한 내장 변수가 존재하고 있었다.
입력이 잘 된 것을 확인할 수 있다.
Delete 함수 작성
@app.route('/delete/<int:num>/')
def delete(num):
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()
cursor.execute('DELETE FROM topics WHERE id=?', (num,))
conn.commit()
conn.close()
return template(f'<h2>Delete Succeeded</h2>Content number {num} deleted.')Delete 함수도 구현했다.
삭제 시연
HBase 글이 삭제된 것을 확인할 수 있다. 잘 작동된다.
(디자인이 바뀐 것은 부트스트랩을 사용해 버튼 속성을 변경해주었고 갑자기 CSS 복습을 해서...)
이렇게 2주 간의 웹 입문 교육이 마무리되었다.
Challenge
Modify 기능 구현해보기
수업이 끝나고 게시물 수정 기능도 구현해보았다. Create와 Delete를 적절히 섞으면 되니 어렵지는 않다.
@app.route('/modify/<int:num>/')
def modify(num):
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()
cursor.execute('SELECT * FROM topics WHERE id=?', (num,))
topic = cursor.fetchone()
conn.close()
content = f'''
<h2>Modify</h2>let\'s modify!<br>
<form action="/modify_process/{num}/" method="POST">
<p><input type="text" name="title" value="{topic[1]}"></p>
<p><textarea name="body">{topic[2]}</textarea></p>
<p><input type="submit" value="수정"></p>
</form>
'''
return template(content)
@app.route("/modify_process/<int:num>/", methods=['POST'])
def modify_process(num):
title = request.form['title']
body = request.form['body']
conn = sqlite3.connect('db.sqlite3')
cursor = conn.cursor()
cursor.execute('UPDATE topics SET title = ?, body = ? WHERE id=?',(title, body, num))
conn.commit()
conn.close()
return redirect(f'/read/{num}')modify()와 modify_process()를 작성했다.
modify()는 수정하는 화면을 보여주는데 create()와 유사하나 이미 작성된 내용을 입력 창에 나타나게 만들었다.
modify_process()도 create_process()와 유사한데, 매개변수로 num일 넘겨받아 id 값에 해당하는 row를 UPDATE 하도록 구현했다.
DB2 게시물에서 수정 버튼을 눌러보면,
위와 같이 수정 화면이 나타난다.
내용을 변경한 후 수정 버튼을 눌러보면,
내용이 변경된 것을 확인할 수 있다.
? Question
tuple로 받아온 정보를 테이블 구조에 따라 dictionary처럼 구성할 수도 있을까?
데이터를 받아서 id, title, body에 접근할 때 topic[0], topic[1] 이렇게 인덱스 값으로 접근하는 것은 위험하다. dictionary로 변환하는 기능이 필요해 보인다.
! Answer
row_factory로 가능하다.
conn.row_factory = sqlite3.Row
cursor = conn.cursor()
cursor.execute('select * from topics')
result = cursor.fetchall()하면 dictionary로 구성된 list로 반환이 된다고 한다.
Comment
오늘로 이고잉 강사님의 강의가 끝났다. 2주 동안 나름 정이 든 것 같은데 마지막이라니 아쉬운 마음이 들었다. 오랜만에 웹을 만져봤는데 변한 것도 많고 (javaScript의 let, const나, Flask 등...) 내가 참 오랫동안 손을 놓고 있었구나 깨닫고 겸손해지는 시간이었다. 어쨌든 내 손으로 그럴싸한 웹사이트 하나 만들어내서 뿌듯하다. 게시물 등록 삭제 수정이 되는 홈페이지라니! github에는 HTML, CSS, JavaScript 등 정적인 페이지만 호스팅 가능해서 Flask로 만든 동적인 웹은 어디에 올리면 좋을지 고민이다. Glitch는 월 8달러를 내야 24시간 서비스할 수 있다는데, 조금 괜찮은 걸 만들면 이용해보아도 좋을 것 같다.
Link
