준우의 오류노트

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..