본문 바로가기

js 공부(ft. sparta)/4주차

4-12. [스파르타피디아] - POST 연습(포스팅하기)

우리가 받아야할것은 url과 코멘트를 받아서 url에 있는 제목, 설명, 이미지를 가져온 다음에 db에다가 넣으면 된다.

 

서버부터 만들어보겠다.

먼저 app.py에 가서 url 과 comment를 받아오는 코드를 아래처럼 작성하면된다.

그리고 meta_prac.py에 가서 아래 사진에 표시된걸 잘라다가 app.py에 붙여준다.

meta_prac.py
app.py

그리고 또 meta_prac.py에 가서 아래 사진만큼을 잘라다가 app.py에 붙여준다.

meta_prac.py
app.py

meta_prac.py에서 url을 가져오지 않은 이유는 이제 url은 계속 변경되기 때문에 가져오지 않았다.

 

URL 대신 url_receive가 들어가면 된다.

 

이제 이미지, 코멘트, 타이틀, 설명을 다 데이터베이스에 넣어줘야한다.

자 우선 dbprac.py파일을 열어서 아래 실행코드를 복사해 제일 위에 붙여준다.

그다음 document만들어서 넣어주면 된다.

아래 사진을 참고하자.

dbprac.py

아래 사진처럼 작성해주면 된다.

이렇게 백앤드인 서버를 만들었다.

 

이제 클라이언트를 만들어보자.

자 우선 index.html로 가서 url과 comment를 가져올 수 있게 해주자.

index.html

이제 form으로 실어 날라야 하기 떄문에 샘플데이터가 아닌 url과 comment를 보내준다.

index.html

이렇게 index.html을 저장하고,

app.py도 저장 후 한번 확인하러 가본다.

이렇게 작성하고 기록하기 누르면 저장완료! 알림이 뜨고 mongoDB에 가서 확인해보면 아래사진처럼 저장된것을 확인할 수 있다.

이제 마지막으로 refresh 구현하고 끝내겠다.

index.html

다음은 가져오는것을 해보겠다.