Week I learned 4주차

개발일지 4주 차

기간:2/28~3/1

Flask를 이용하여 리뷰 페이지 만들어 보기

패키지는 File -> setting -> Python interpreter를 통해 받는다.

 

Flask

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def home():
   return render_template('index.html')

if __name__ == '__main__':
   app.run('0.0.0.0', port=5000, debug=True)

return render_template안에 있는 ('index.html')을 가져오려면

New -> Directory를 한 다음 그 안에 templates 폴더를 만들고

그 안에 index.html을 만들어 준비해둔다.

 

pymongo

from pymongo import MongoClient

client = MongoClient('localhost', 27017)
db = client.dbname

서버(python file)는 클라이언트(HTML file)에게 보낸 요청을 데이터베이스(Robo 3T)에 생성하고,

저장이 성공했다고 응답을 해준다.

 

python에서 html받기

 

HTML 받는부분

API

 

API

서버 구축을 했다면 가져올 클라이언트도 코딩을 해준다.

 

 

구글 폰트 윗부분은 기본 세팅 값이며, 타이틀 부분은 원하는 제목을 넣으면 된다.

구글 폰트는 구글에서 원하는 폰트를 가져와 바꿔도 된다.

또한, 웹페이지와 상호작용을 위해 Ajax코드를 사용하는데

이와 관련된 내용은 2주 차에서 볼 수 있다

 

ajax 예시

(Week I learned 2주 차 (tistory.com))

Week I learned 2주차

꾸미기

<h1> 메인 제목 입력 </h1>

<p> 부제목 입력 </p>

<span> 분류할 이름 </span>

<tr></tr> 사이에 th scope를 이용해 입력창 옵션을 더 추가할 수도 있다.

하지만, 그러려면 ajax부분과 python부분에도 같이 추가를 해줘야 한다.

 

예를 들어 'recommender'부분을 추가한다고 가정하자 ,
python에서 post부분에 recommender_receive = request.form ['recommender_give'] 요구 폼을 만들고, 
doc안에 'recommender'를 recommender_receive로 받는다.
그러고 나서, 클라이언트에서 let을 사용해 데이터를 생성해주고 td를 통해 항목 추가를 한 뒤
temp.html를 통해 데이터를 받아낸다.

여기서 4주 차 개발일지를 마치겠습니다.