우리가 받아야할것은 url과 코멘트를 받아서 url에 있는 제목, 설명, 이미지를 가져온 다음에 db에다가 넣으면 된다.
서버부터 만들어보겠다.
먼저 app.py에 가서 url 과 comment를 받아오는 코드를 아래처럼 작성하면된다.
그리고 meta_prac.py에 가서 아래 사진에 표시된걸 잘라다가 app.py에 붙여준다.
그리고 또 meta_prac.py에 가서 아래 사진만큼을 잘라다가 app.py에 붙여준다.
meta_prac.py에서 url을 가져오지 않은 이유는 이제 url은 계속 변경되기 때문에 가져오지 않았다.
URL 대신 url_receive가 들어가면 된다.
이제 이미지, 코멘트, 타이틀, 설명을 다 데이터베이스에 넣어줘야한다.
자 우선 dbprac.py파일을 열어서 아래 실행코드를 복사해 제일 위에 붙여준다.
그다음 document만들어서 넣어주면 된다.
아래 사진을 참고하자.
아래 사진처럼 작성해주면 된다.
이렇게 백앤드인 서버를 만들었다.
이제 클라이언트를 만들어보자.
자 우선 index.html로 가서 url과 comment를 가져올 수 있게 해주자.
이제 form으로 실어 날라야 하기 떄문에 샘플데이터가 아닌 url과 comment를 보내준다.
이렇게 index.html을 저장하고,
app.py도 저장 후 한번 확인하러 가본다.
이렇게 작성하고 기록하기 누르면 저장완료! 알림이 뜨고 mongoDB에 가서 확인해보면 아래사진처럼 저장된것을 확인할 수 있다.
이제 마지막으로 refresh 구현하고 끝내겠다.
다음은 가져오는것을 해보겠다.
'js 공부(ft. sparta) > 4주차' 카테고리의 다른 글
4주차 끝 숙제 (0) | 2023.04.21 |
---|---|
4-13. [스파르타피디아] - GET 연습(보여주기) (0) | 2023.04.21 |
4-11. [스파르타피디아] - 뼈대 준비하기 (0) | 2023.04.20 |
4-10. [스파르타피디아] - 조각 기능 구현해보기 (0) | 2023.04.20 |
4-9. [스파르타피디아] - 프로젝트 세팅 (0) | 2023.04.20 |