TIL: 항해99 웹개발 종합반 4주차 (2)

211230_THUR

4-12.

• 조각 기능: API server 설정 전, meta tag scrapping을 통해 기능 구현 설정
• og:image / og:title / og:description 이라는 meta tag를 설정해서 구글 검색 시 표시, 카톡 공유 등에 예쁘게 나타낸다
• meta tag를 크롬 개발자 검사를 통해 selector를 copy 할 때, 안되는 경우가 있음
  • title = soup.select_one('meta[property="og:title"]') -> meta tag의 property를 복사하여 scrapping
• 조각 기능 예시 (alonememo)

import requests
from bs4 import BeautifulSoup

url = 'https://movie.naver.com/movie/bi/mi/basic.nhn?code=171539'

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=headers)

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

title = soup.select_one('meta[property="og:title"]')['content']
image = soup.select_one('meta[property="og:image"]')['content']
desc = soup.select_one('meta[property="og:description"]')['content']

print(title,image,desc)

4-14.

• window.location.reload(): 페이지 새로고침

4-16.

• API server에서 app route에서 받는 주소와 Client가 받는 주소가 달라서 작동하지 않았다.
• onclick function으로 작동해야할 button tag내 onclick tag가 없었다.
• temp_html 을 append 하는 tag id에 또 다른 id를 넣었더니 작동하지 않았다 -> one id per one tag!