항해99 사전강의 4주차

이번 4주차에서 배울 것 HMTL과 mongoDB까지 연동해서 서버를 만들어 보았다.

내가 사용하는 컴퓨터는 한 대 이므로, 같은 컴퓨터에서 서버도 만들고, 요청도 해보는 것이다.

즉 클라이언트가 서버가 되는 것! 클라이언트 = 서버

이렇게 클라이언트가 서버 역할까지 하는 것을 로컬 개발환경이라고 부른다.

패키지 설치하기

설치하는 방법 >  파이참 좌상단 File → setting → Python interpreter

flask를 검색후에 설치!

 

flask를 이용하여 서버를 만들어 볼 것인데 그전에 서버를 만든다는 것은 굉장히 어려운 일이다?!

그래서 서버를 만들 수 있는 큰 라이브러리 있고 그것을 프레임워크라고 부른다

flask 가 그런 프레임워크이다

 

본격적으로 Flask를 사용해 보기 전에 Flask의 기초적인 룰을 따라주어야 한다

Flask 서버를 만들 때, 항상, 프로젝트 폴더 안에,

ㄴstatic 폴더 (이미지, css파일을 넣어둡니다)

ㄴtemplates 폴더 (html파일을 넣어둡니다)

ㄴapp.py 파일

이렇게 세 개를 만들어두고 시작해야 한다.

 

일단 알려주는 코드를 붙여 넣기 해서 무작정 서버를 열어 보았다

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

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

@app.route('/mypage')
def mypage():
    return 'This is mypage!'

 

5000 이 내 포트번호  /mypage라는 경로에 페이지를 만든 것!

이번 예제에서는 GET과 POST 방식 모두 다 사용해 보았다.

화성 땅 공동구매 예제

주문하기 버튼을 누르면 mongoDB에 이름, 주수, 평수 의 데이터 값이 들어가게 된다.

post방식으로 해당 데이터를 app.py(서버 관리 파일) 파일에 보내게 됨

window.location.reload()를 해당 페이지를 새로고침 해주는 함수

mongoDB에 저장한 데이터를 가져와서 보여주는 부분

GET방식으로 사용해서 가져온 데이터를 배열에 담아서 return 해준다.

GET방식으로 받은 데이터를 페이지에서 for문을 통해 받은 배열 데이터를 돌고 해당 값들을 가져와 temp_html에 담아 

 

페이지에 보여주고 있다.

숙제로  1주차에서 만들었던 나의 방명록 페이지의 mongoDB에 저장하고 가져오는 기능을 구현해 보았다.