준우의 오류노트

1. 콘텐츠 죄적화 vs 키워드 리서치 콘텐츠 최적화란 콘텐츠 최적화(Optmizing Content)는 두 가지로 나뉜다. 페이지 내부에서는 방문자가 글의 내용을 손에 잡힐듯이 이해할 수 있게 하는 양식을 말한다. 독창적인 콘텐츠, 간결한 논리 구조, 정확한 문장 그리고 서식, 폰트 등의 포맷으로 이뤄진다. 가독성을 높이고 높은 품질의 정보를 제공하는 콘텐츠 최적화는 SEO(Search Engine Optimization, 검색 엔진 최적화)의 관점에서 핵심적이다. 외부적 콘텐츠 최적화는 포스트에 맥락을 부여하는 것이다. 맥락이란 포스트간의 관계다. 작성자가 맥락에 유의하여 포스트를 작성할 때 방문자의 흐름을 유도할 수 있다. 이는 직접적으로 세션 시간의 상승과 이탈률의 저하로 이어진다. 내부적 콘텐츠..

HTML/CSS 티스토리 블로그 모바일 최적화(1) 1) body 본문 글꼴 설정 @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); body { -webkit-text-size-adjust: 100%; font-weight: 400; font-family: 'Nanum Gothic', 'Noto Sans KR', sans-serif; /* 나눔고딕 */ font-size: 1em; line-height: 1.25; color: #0F0F0F; /* 가독성 검정 */ } 폰트는 나눔고딕과 애플 산돌 고딕을 비교해봤다. 같은 Bold 상황에서 나눔고딕이 글자 간격이 더 넓고 글자 끝이 선명하다. 따라서 나눔고딕..

블로그 스킨을 편집하다가 별생각없이 html을 조금 손봤다. 이렇게 복잡한 html, css에도 아는대로 적용하니까 바뀌는 걸 보고 신기했다. 1) 제목 폰트 바꾸기 우선 f12로 제목 부분의 html 구조가 무엇인지 확인한다. Error.Record(reason as text, optional message as nullable text, optional detail as any) as record 편집기에서 확인해보니 이러한 구조로 이뤄졌다. 텍스트가 들어가는 span에는 title_text라는 css가 붙어있었다. header > inner_header > title_text 이기에 css를 찾아봤다. 박스 안을 수정하면 글씨체가 바뀌지 않을까하고 구글에 span 폰트 수정이라고 검색해봤다. spa..

BeautifulSoup은 HTML 문서를 예쁘게 정돈된 파스트리로 변환하여 내놓는 파이썬 라이브러리다. 이 잘 정돈된 데이터 구조는 Beautiful Soup 객체로서 여러 tag 객체로 이루어져 있다. 영어, 한국어와 같은 자연어 문장이 문법에 따라 구조를 갖듯이 HTML 이라는 웹을 이루는 언어로 작성된 페이지를 문법에 맞게 구조화한다. find 와 select 는 BeautifulSoup의 메소드로서 데이터 구조를 항해하는 몇 가지 방법이다. 01. find 사용법 find의 목적은 원하는 태그를 찾는 것이다. 태그는 이름(name), 속성(attribute), 속성값(value)로 구성된다. 따라서 find로 이름, 속성, 속성값을 특정하여 태그를 찾을 수 있다. tag = " Hello Wor..

1 2 3 4 5 #페이지 소싱 문제인 부분 : div클래스의 score_result로 검색해도 값이 반환되지 않는다. html = driver.page_source soup = BeautifulSoup(html, 'html.parser') reple_result = soup.find('div', class_='score_result').find('ul') slist = reple_result.find_all('li') 네이버 영화 댓글 크롤러 제작 중 리뷰 파트를 F12키를 눌러에 있는 것을 확인하고 BeautifulSoup 으로 파싱했으나 찾지 못한다. 네티즌 리뷰는 건너뛰고 엉뚱하게 평론가 리뷰 내용만 뽑아낸다. 왜 그런가 하이 살펴보자. 더 상위 태그인 에 이란 태그가 있어 눌러봤다. 이런 다른 ..