html/css/js

모바일 OG 변경

<meta property="og:title" content="내 사이트의 제목" />
<meta property="og:description" content="보고 있는 페이지의 내용 요약" />
<meta property="og:image" content="{{ url_for('static', filename='ogimage.png') }}" /> //Static안에 ogimage파일 사용

AWS에서 인스턴스 생성 - 우분투 18.04 - 새 키페어 생성

#1. 인스턴스 종료시 내 인스턴스 완전종료

AWS서버에 리눅스접속 : git bash - [ssh -i 키페어드랍 ubuntu@인스턴스 퍼블릭 주소] - YES 

AWS서버에 파일 올리기 : 파일질라 - SFTP[인스턴스퍼블리주소:22] - 파일 드랍

AWS서버에 공통 EC2환경 세팅 : 파일 initial_ec2.sh 다운 후 sudo chmod 755로 권한 상승 - ./initial_ec2.sh 설치

AWS의 리눅스환경 파이썬 패키지 설치 : pip install 설치 할 패키지

AWS 서버 포트 열어주기 : 보안그룹-인바운드 규칙 - 5000포트 파이썬 27017 몽고DB 80 http 기본포트

AWS-ROBO 3T 연결 : CREAT - 이름설정,AWS주소설정,아이디비밀번호설정 

AWS-ROBO 3T 패스워드 변경 : initial_ec2.sh 파일 열고 ID,PW변경

올릴 .PY파일 client = MongoClient('mongodb://test:test@localhost', 27017) 부분 아이디,비번 변경

#2. 포트포워딩을 통해 5000으로 들어오는 요청을 기본 포트 80으로 보내어 포트 생략하도록함

sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 5000

git bash 종료후 계속 서버 작동: nohup python 파일.py &

git bash 종료후 계속 서버 작동 종료 : ps -ef | grep '파일.py' 하여 파일 번호 확인후 kill -9 파일번호

pymongo DB에서 특정값 내림차순/오름차순 정리하여 FIND하는법

find().sort("name",1) //name을 기준으로 오름차순정리

find().sort("name",-1) //name을 기준으로 내림차순정리

db.mystar.update_one({'name': name_receive}, {'$set': {'like': newlike}})

//mystar DB에서 'name'이 name_receive인 것을 찾아 'like'값을 newlike로 변경한다

db.mystar.delete_one({'name': name_receive})

//mystar DB에서 'name'이 name_receive인것을찾아 삭제한다.

flask = ajax api 콜 등을 위한 패키지 

pymongo = DB사용을 위한 패키지

requests , bs4 = 크롤링을 위한 패키지

window.location.reload() // 새로고침을 할 수 있는 구문

[크롤링하기]

1. title = soup.select_one('meta[property="og:title"]')['content'] 메타를 가져올때 안쪽에 'meta~[가져올컨텐츠""]'

2. title = soup.select_one('#content > div.article > div.mv_info_area > div.mv_info > h3 > a).text

자료입력받아 DB에 저장하기

API부분

@app.route('/review', methods=['POST'])
def write_review():
title_receive = request.form['title_give'] #html에서 request.form을써서 title_give를 받아와서 title_receive에 저장
author_receive = request.form['author_give'] #html에서 request.form을써서 author_give를 받아와서 author_receive에 저장
review_receive = request.form['review_give'] #html에서 request.form을써서 review_give를 받아와서 review_receive에 저장

doc = {'title':title_receive,'author':author_receive, 'review': review_receive} #DB용 딕셔너리를 만든다.
db.bookreview.insert_one(doc) #bookreview라는 컬럼DB를 생성시킨다.

return jsonify({'msg': '이 요청은 POST!'}) #MSG에 해당 메세지가 들어가있는 MSG를 반환한다.

자료입력받아 DB에 저장하기

HTML부분

function makeReview() {
let title = $('title').val(); /*title에 입력받은 값을 title에 저장*/
let author = $('author').val(); /*author에 입력받은 값을 author에 저장*/
let review = $('bookReview').val(); /*bookReview에 입력받은 값을 review에 저장*/
$.ajax({
type: "POST",
url: "/review",
data: {title_give:title, author_give:author,review_give:review}, /*각 api별로 보낼 give들에 앞서 저장한 값들이 저장된 변수들을 배열*/
success: function (response) {
alert(response["msg"]); /* makereview함수가 success디면 msg를 알람함*/
window.location.reload();
}
})
}

--------------------------------------------------------------------------------------------

DB에 저장된 자료를 GET으로 가져와 HTML에 추가하기

API부분

@app.route('/review', methods=['GET'])
def read_reviews():
reviews = list(db.bookreview.find({}, {'_id': False})) #bookreview로만든DB에서 {}전체값을 찾아서 reviews에 넣는다
return jsonify({'all_reviews': reviews}) #reviews를 reviews_all로 만들어전송한다.

HTML부분

function showReview() {
$.ajax({
type: "GET",
url: "/review",
data: {},
success: function (response) {
let reviews = response['all_reviews'] /* api에서 보낸 reviews_all을 review에 저장*/
for(let i=0; i<reviews.length;i++)
{
let title = reviews[i]['title']
let author = reviews[i]['author']
let review = reviews[i]['review']
let temp_html = `<tr>
<td>${title}</td>
<td>${author}</td>
<td>${review}</td>
</tr>`
$('#reviews-box').append(temp_html)
}
}
})
}

flask 사용법

[venv 의 app.py]

from flask import Flask, render_template <<렌덜 템플릿을 임포트
app = Flask(__name__)

@app.route('/')
def home():
return render_template('index.html') <<메인페이지('/')에서 index.html 가져오기

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

[prac 전체 프로젝트]

static 폴더 = css나 이미지파일 저장

templates 폴더 = html 저장

[GET]

APP => title_receive = request.args.get('title_give') 사용

요청 =>     type: "GET",
               url: "/test?title_give=봄날은간다",
               data: {},

[POST]

APP => title_receive = request.form['title_give']

요청 =>     type: "POST",
                url: "/test",
                data: { title_give:'봄날은간다' },

몽고DB 파이썬에서 사용가능하도록 IMPORT

from pymongo import MongoClient
client = MongoClient('localhost', 27017)
db = client.dbsparta #스파르티 DB생성

doc = {'name':'bobby','age':21}
db.users.insert_one(doc)

# 한 개 찾기 - 예시
user = db.users.find_one({'name':'bobby'})

# 여러개 찾기 - 예시 ( _id 값은 제외하고 출력)
same_ages = list(db.users.find({'age':21},{'_id':False})) #여러개있어도 제일위에 있는것만 가져옴 #_id:false는 출력에 나타내지 말아라

# 바꾸기 - 예시
db.users.update_one({'name':'bobby'},{'$set':{'age':19}}) #여러명 있을시 update_many로 모든사람 변경

# 지우기 - 예시
db.users.delete_one({'name':'bobby'})

퀴즈문제

score = db.movies.find_one({'title':'매트릭스'})
# print(score['star')
score2=score['star']
score3=list(db.movies.find({'star':score2},{'_id':False}))

print score3['title'] // 오류가 나는 이유는 score3안에는 많은 딕셔너리값 title이 여러개 있는데 이중 어떤것을 출력할것인가. 오류나지만 for을 돌려 하나씩 title을 출력하면 가능하다

숙제문제

파이썬에서 문자열나누기 split을 이용해 공백으로 나오는값도 나누어 [0]으로 문자만 출력되게 가능함

또는 공백제거는 .strip();해주면 공백이 사라짐.

질문 : 

trs = soup.select('#old_content > table > tbody > tr') #여러개 가져오기 select
for tr in trs:
a_tag=tr.select_one('td.title > div > a')
if (a_tag is not None):
rank=tr.select_one('td:nth-child(1) > img')['alt']
title=a_tag.text
star=tr.select_one('td.point').text
doc={'rank':rank,'title':title,'star':star}
db.movies.insert_one(doc)


score = db.movies.find_one({'title':'매트릭스'})
# print(score['star')
score2=score['star']
score3=list(db.movies.find({'star':score2},{'_id':False}))

print(score3['title'] 오류가 나는데 print(score3['title'] 대신 

for i in score3:
print(i['title']) 을 돌리면 오류가 안납니다. 혹시 이유가 print(score3['title'] 을 해버리면 score3안에 여러 title이 존재해서 어떤것을 출력해야할지 몰라서 오류가 나는것인가요?

파이썬 requests 패키지 설치 후 requests 사용구문

r = requests.get('http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99')
rjson = r.json()

//requests한 api주소를 r에 넣고 r을 json하여 rjson으로 변수 선언

크롤링

import requests
from bs4 import BeautifulSoup

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('https://movie.naver.com/movie/sdb/rank/rmovie.nhn?sel=pnt&date=20200303',headers=headers)

soup = BeautifulSoup(data.text, 'html.parser')


title = soup.select_one('#old_content > table > tbody > tr:nth-child(2) > td.title > div > a') #하나가져오기 select_one
# print(title['href']) 속성 가져오기
# print(title.text) href a 태그사이 문자가져오기
#old_content > table > tbody > tr:nth-child(2) > td.title > div > a


#old_content > table > tbody > tr
trs = soup.select('#old_content > table > tbody > tr') #여러개 가져오기 select
for tr in trs:
a_tag=tr.select_one('td.title > div > a')
if a_tag is not None:
print(a_tag)

-------------------------------------------------------------------------------------------------------

import requests
from bs4 import BeautifulSoup

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('https://movie.naver.com/movie/sdb/rank/rmovie.nhn?sel=pnt&date=20200303',headers=headers)

//bs4와 requests 사용 선언

soup = BeautifulSoup(data.text, 'html.parser')
//soup에 html문서를 편한 text로 넣음

title = soup.select_one('#old_content > table > tbody > tr:nth-child(2) > td.title > div > a') #하나가져오기 select_one
# print(title['href']) 속성 가져오기
# print(title.text) href a 태그사이 문자가져오기
#old_content > table > tbody > tr:nth-child(2) > td.title > div > a


#old_content > table > tbody > tr
trs = soup.select('#old_content > table > tbody > tr') #여러개 가져오기 select
for tr in trs:
a_tag=tr.select_one('td.title > div > a')
b_tag=tr.select_one('td:nth-child(1) > img')
c_tag=tr.select_one('td.point')
if (a_tag is not None) :
print(b_tag['alt'],a_tag.text,c_tag.text) #img='~' 안 속성 전체 안가져오고 ['alt=']특정 속성만 가져옴