[왕초보] 비개발자를 위한, 웹개발 종합반 4주차

Thomas·2023년 4월 2일
0

프레임워크를 사용하여 웹서버를 만들어줄겁니다.

프레임워크는 뼈대를 잡아주는 라이브러리라고 생각하시면 됩니다.

예를들면 우유를 얻기위해 농장에 가서 직접 소 우유를 짜서 가져올수 있지만 매우 귀찮은 일입니다..
그래서 그냥 마트에 가서 우유를 사오면 간편한 거죠!

여기서 마트가 프레임워크의 역할을 하고 있습니다.

시작하기에 앞서... 저는 Mac환경에서 시작해줍니다.
먼저 터미널에 들어가서 해당 폴더로 이동합니다

  1. 가상환경 만들기 -> python3 -m venv venv
  2. 가상환경으로 들어가기 -> source venv/bin/activate
  3. flask 프레임워크 설치 -> pip install flask
    만약에 port가 사용중이면 다른 포트로 해주기

Flask 기본 뼈대

from flask import Flask
app = Flask(__name__)

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

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

프론트엔드랑 백앤드를 이어주기

import에 render_template를 추가해주기 그런 다음에 원하는 함수에 return을 render_template('index.html') -> 원하는 HTMl 넣어줘도 된다.

아래의 완성된 코드도 보시죠

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

@app.route('/')
def home():
   return 'This is my Home!'

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

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

API를 부르고 받는거 Fetch

[화성땅 공동구매]

뼈대 준비하기

  1. app.py 준비하기
  2. templetes > index.html
  3. mongoDB Atlas

저장하기,불러오기 기능이 있으면 불러오기보다 저장하기 기능부터 만들어야 합니다.
왜냐하면 불러올 데이터가 있어야해서

POST연습(주문 저장하기)

API 만들고 사용하기 - 이름, 주소, 평수 저장하기

1) 데이터 명세 -> 이름,주소,평수
2) 클라이언트와 서버 연결 확인하기 -> html파일에서 fetch
3) 서버부터 만들기 -> 데이터를 DB로 보내주기
4) 클라이언트 만들기
5) 완성하기

GET연습(주문 보여주기)

API 만들고 사용하기 - 저장된 주문을 화면에 보여주기

1) 데이터 명세
2) 클라이언트와 서버 연결 확인하기
3) 서버부터 만들기
4) 클라이언트 만들기
5) 완성하기

POST 및 GET 설명은 다음글에서 자세히 예제랑 같이 설명해보겠습니다.

후기
이제 점점 감을 잡긴 하지만...
시간 지나면 확실히 많이 까먹는거 같다...
가이드라인은 외워서 자주 연습해야...

profile
Backend Programmer

0개의 댓글