잡다구리

🕸웹 크롤러란? 만들기 전에 무엇을 만들지 알고 가기 위해서 의미에 대해서 먼저 정리를 해보자. 흔히들 크롤러(Crawler), 스크래퍼(Scraper), 파서(Parser) 3가지에 대해서 다르게 의미 생각하고 이야기하는 경우가 있다. 사전적인 의미로만 간단히 생각해보면 무엇을 하는지 유추할 수 있다. Crawl : 기어가다. Scrape : 긁어내다. Parse : 분석하다. 크롤러는 웹을 기어 다니는 놈, 웹 페이지를 스크래퍼는 긁어 오는 놈, 파서는 웹 페이지를 분석하는 놈을 의미 한다. 하지만 웹 크롤러는 단순히 기어 다니는 행위만 하는 프로그램을 말하는 건 아니고, 웹을 돌아다니면서 웹 페이지(html/css/js)를 긁어오고 거기에 무슨 내용들이 있는지 분석을 하는 놈을 의미한다. 스크래퍼와..

🔎일반적인 Element 검색 DOM에서 특정 class, id, tag name, name 을 검색하기 위해서 아래와 같은 API들을 사용할 것이다. document.querySelector('셀렉터') document.querySelectorAll('셀렉터') document.getElementById('아이디') document.getElementsByClassName('클래스명') document.getElementsByName('이름') 🔍포함 단어 검색 특정 단어를 검색하는 것이 아니라 특정 단어가 포함된 요소를 검색하기 위해서는 아래와 같이 사용한다. 어디든 포함되었는지 검색(*) document.querySelectorAll('[class*=포함될단어]') document.querySele..

🏃🏻접속 http://colorscripter.com/ Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com 먼저 위의 링크로 Color Scripter 사이트에 접속 한다. 🌈스타일 변경 자신이 원하는 언어와 스타일을 선택 한다. 언어와 스타일에 따라서 코드 및 배경의 색상이 달라진다. 📝HTML 코드 복사 코드를 다 작성하면 오른쪽 하단 "HTML로 복사" 버튼을 클릭한다. 그러면 아래 그림과 같이 HTML을 복사할 수 있는 창이 뜨는데 거기서 복사(Ctrl+c/Cmd+c)를 해준다. 📝블로그에 붙여넣기 티스토리 같은 경우 글 작성 시 기본모드가 아닌 HTML 모드로 변경 해준다. HTML 모드로 변경 된 화면에서 원하는 위치에 ..