묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결
왓챠피디아 리뷰 크롤링 관련 질문입니다
왓챠피디아에 올라가 있는 넷플릭스 드라마 리뷰들을 파이썬으로 웹 크롤링 해보고 싶어서 https://github.com/Stan7s/IMDb-Review-Crawler/blob/master/IMDb-Review-Crawler.py의 imdb 크롤링 방식을 참고했습니다.그런데 IMDB에선 잘 되던 것이, 왓챠피디아 쪽은 리뷰가 크롤링 되지 않습니다.어떻게 하면 해결할 수 있을까요? #수집하고 싶은 영화의 user riviews 페이지 url 붙여넣기 url = 'https://pedia.watcha.com/ko-KR/contents/tRzLggZ/comments' #수집하고 싶은 영화 리뷰 수 지정 MAX_CNT = 150 cnt = 0 print("url = ", url) res = requests.get(url) res.encoding = 'utf-8' soup = BeautifulSoup(res.text, "lxml") load_more = soup.select(".load-more-data") flag = True if len(load_more): ajaxurl = load_more[0]['data-ajaxurl'] base_url = base_url + ajaxurl + "?ref_=undefined&paginationKey=" key = load_more[0]['data-key'] else: flag = False while flag: url = base_url + key print("url = ", url) res = requests.get(url) res.encoding = 'utf-8' soup = BeautifulSoup(res.text, "lxml") for item in soup.select(".lister-item-content"): rating = item.select("span.rating-other-user-rating > span") if len(rating) == 2: rating = rating[0].text review = item.select(".text")[0].text pn = rating_transfer(int(rating)) review_list.append(review) rating_list.append(pn) cnt = cnt + 1 else: rating = "" review = item.select(".text")[0].text
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
tv이미지안의 <video>태그 부분
넷플릭스 반응형 웹페이지 제작 중 질문드립니다. 실제 넷플릭스 공식홈페이지처럼 TV 이미지 안에 영상이 나오는 듯한 효과를 똑같이 구현하고 싶습니다. 넷플릭스 공식 홈페이지에서 개발자도구로(F12) 확인해서 코드를 따라했는데요, 웹페이지 기준으로는 오류없이 딱 맞게 나옵니다. 하지만, 반응형 도구로 보니 위치나 크기가 자꾸만 어긋나는 오류가 있습니다. 혹시 이부분은 어떻게 해야하는지 몰라서 코드부분 남기니 확인부탁드립니다.. (▼) 원하는 부분 : 반응형도구로 봐도 <video> 부분의 위치 및 크기가 딱 맞게 구현. 넷플릭스 url https://www.netflix.com/kr-en/ img { max-width: 100%; height: auto; border: 0; } .animation-card.watchOnDevice .our-story-card-img, .animation-card.watchOnTv .our-story-card-img { position: relative; z-index: 2; } .animation-card.watchOnTv .our-story-card-animation { width: 100%; height: 100%; max-width: 73%; max-height: 54%; position: absolute; top: 46%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .animation-card.watchOnDevice .our-story-card-video, .animation-card.watchOnTv .our-story-card-video { width: 100%; height: 100%; } (▽) 코드 및 오류 : 실제로 코드를 똑같이 퍼블리싱했을 때, 반응형도구로 비디오의 위치가 어긋나는 오류 감사합니다~