js 공부(ft. sparta) (65) 썸네일형 리스트형 4-12. [스파르타피디아] - POST 연습(포스팅하기) 우리가 받아야할것은 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파일을 열어서 아래 실행코드를 복.. 4-11. [스파르타피디아] - 뼈대 준비하기 자 우선 app.py에 아래 코드를 붙여넣어준다. from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/movie", methods=["POST"]) def movie_post(): sample_receive = request.form['sample_give'] print(sample_receive) return jsonify({'msg':'POST 연결 완료!'}) @app.route("/movie", methods=["GET"]) def movie_get(): return .. 4-10. [스파르타피디아] - 조각 기능 구현해보기 포스터, 제목, 영화설명을 메타태그를 이용해서 가져올꺼다. 메타태그는 그리 어렵지 않다. 먼저 meta_trac.py 파일을 새로하나 만들어준다. 그리고 밑에 있는 크롤링 기본코드를 복사해서 붙여넣어준다. import requests from bs4 import BeautifulSoup URL = 'https://movie.daum.net/moviedb/main?movieId=161806' headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get(URL,headers=hea.. 4-9. [스파르타피디아] - 프로젝트 세팅 복습개념으로 이번엔 스파르타피디아사이트를 만들어보겠다. 이번엔 약간의 크롤링이 들어간다. 먼저 세팅을 해줄꺼다. 새폴더열기 - 03.pedia - 파일만들기 - app.py - 새터미널열기 - python -m venv venv 하면 기본세팅이 끝난다. 그리고 1번을 눌러서 venv로 맞춰주고 새터미널을 다시 열어주면 된다. 그리고 1번인 새폴더를 만들어주고 그안에 index.html 파일을 만들어준다. 이제 flask , pymongo, dnspython 와 크롤링을 하기위한 requests , bs4 를 총 5개 깔아줘야한다. 한번에 까는 방법이 있다. pip install flask pymongo dnspython requests bs4 라고 써주면 된다. 그럼 하나하나씩 순서대로 깔아준다. 그리고.. 4-8. [화성땅 공동구매] - GET 연습(주문 보여주기) 우선 클라이언트와 서버가 잘 연결됬는지 확인해본다. 이제 서버를 먼저 만들겠다. 저장후 실행해주면 console창에 나온다. 이제 html을 수정해준다. 그리고 가서 확인해보면 아래 붙은것을 볼 수있다. 그리고 기존에 있는것은 붙이기 전에 지워주자. 이제 새로운 데이터를 또 입력해보면 이렇게 확인해볼 수 있다. 4-7. [화성땅 공동구매] - POST 연습(주문 저장) 이름 주소 평수를 입력받고 저장후 저장이 잘 됬는지 회신하는것을 해보겠다. 우선 클라이언트와 서버가 연결이 잘 됬나 확인하겠다. 이렇게 두개가 연결되있어서 브라우저에서 새로고침하고 버튼을 누르면 메세지가 뜬다. 그리고 app.py로 와서 먼저 post를 수정해준다. 이것들을 쓰지말고 저번에 썻던 dbprac에 있는것을 끌어다가 쓴다. 그리고 아직 프론트엔드에서 주고있지 않으니 html로 가서 수정해준다. 저장 후 잘 되는지 브라우저에서 테스트를 해본다. 그리고 mongoDB에 가서 확인해보면 아래와 같이 저장된것을 볼 수 있다. 다음은 이 데이터를 읽어들어서 브라우저에 붙여주는것을 해보겠다. 4-6. [화성땅 공동구매] - 뼈대 준비하기 아래 코드를 복사해서 app.py에 붙여넣어준다. from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/mars", methods=["POST"]) def mars_post(): sample_receive = request.form['sample_give'] print(sample_receive) return jsonify({'msg':'POST 연결 완료!'}) @app.route("/mars", methods=["GET"]) def mars_get(): return json.. 4-5. [화성땅 공동구매] - 프로젝트 세팅 우선 원래 켜져있던 터미널을 ctrl + c 를 눌러서 꺼준 뒤, 폴더열기로 02.mars를 열어준다. 그리고 처음에 필요한 app.py와 venv를 만들어준다. 그리고 오른쪽 밑 3.8.6 을 venv로 변경해주고 터미널을 껏다켜준다. 그리고 templates 폴더를 하나 만들어서 그안에 index.html 파일을 하나 만들어준다. 그리고 다시 app.py로 돌아와서 터미널에 pip install flask 를 입력하고 깔아준다. 그다음 pip install pymongo 를 깔아준다. 그리고 pip install dnspython 을 해서 총 세가지를 깔아준다. 이어서 html 뼈대를 붙이러 가겠다. 이전 1 2 3 4 5 6 ··· 9 다음
