웹개발 4주차 : POST & GET

서버와 파이썬 코드, html 코드를 연결하는 것을 배웠다

1. 환경 세팅 절차

1) 새 프로젝트 경로 설정해서 만들기

2) flask 라이브러리 설치

3) 프로젝트 폴더 (mars, homework 등등,,)에 경로로

   (1) templates - html

   (2) static - css, 이미지

   폴더 만들어주기

4) templates 안에 index.html

   프로젝트 폴더 안에 app.py 만들어주기

 

2. 설계 전 체크 사항

1) 클라이언트와 서버 연결 확인

    button onclick > function > app.py(api)에서 서버 연결 > 가동 을,

    버튼 눌러보면서 확인하는 것

2) 서버 만들기 : 코드에서 app.py

3) 클라이언트 만들기 : 코드에서 index.html (templates 안에 만드는거 잊지 않기!)

4) 완성 확인하기

3. POST

① 미리 지정해준 id를 갖고와서 새로운 이름을 만들어 준다

② 새로운 이름을 API와 약속한 대로 지정해준다

③ API가 (2)를 읽고, DB에 저장해준다. 완료되면 '주문 완료!'라는 메시지가 뜨게끔 할거다

    *dbprac.py에서 코드 따왔음. mongoDB에 저장하는 코드

④ 이 모든 과정이 success일 경우, response 함수를 실행해준다 (API에서 지정한 msg를 뜨게 함)

    * window.location.reload()는 새로고침 함수

4. GET

① DB로부터 데이터를 가지고 온다. html과 약속한 이름을 붙여준다.

② API와 약속한 이름으로부터 데이터를 받아온다.

    데이터를 읽고, 붙여줄 html 형태로 만든 다음 지정한 ID에 붙여준다.

 

 

*크롤링을 할 때 이런 방식으로도 읽어올 수 있다.

 title = soup.select_one('meta[property="title"]')

> copy-selector 방식으로는 'head > meta:nth-child(9)' 로 나오지만, 이 주소로 크롤링을 하려고 하면 None 이라고 뜬다.

> 언제 copy-selector 방식을 써야하고, 언제 property=""로 지정해줘야하는 방식을 써야하는지는 아직 모르겠...

 

5. 과제

예전 과제였던 팬명록을 업그레이드하는 과제를 했다.

닉네임과 응원 댓글을 남기면 업데이트해서 포스팅하는 형식!

과제를 하면서 조금 더 이해가 됐는데

POST: 클라이언트에서 정보를 얻어와서 DB에 저장한다.

GET: DB로부터 정보를 얻어와서 클라이언트로 보내준다.

즉, 'POST' = POST on DB, 'GET' = GET from DB 인 듯 하다.

 

이전 프로젝트들을 참고하면서 과제를 했고, 추가로는 '현재 기온'!

이 부분이 서울의 기온보다는 팬명록의 숫자가 되면 더 좋지 않을까? 하는 생각이 들어서 그렇게 추가로 업그레이드도 해봤다.

(length함수 쓰면 되는거라 쉬워서 따로 적지는 않겠음) 

 

결과물은 대충 이렇다 ㅎ