Miracle Morning, LHWN

네이버 블로그를 크롤링하는 과정에서 cheerio 로는 크롤링이 제한되는 상황이 나왔다. ​ 첫 로딩된 HTML 에는 해당 element 가 display:none; 상태로 있었고, 특정 버튼을 눌러야 해당 element 가 나타났다. 다만, cheerio 를 이용한 크롤링은 DOM (Document Object Model: 웹 페이지에 대한 인터페이스) 이 계속 변하는 SPA (Single Page Application: 단일 페이지 어플리케이션) 에서는 사용할 수가 없어 puppeteer 를 추가적으로 사용하였다. cheerio 와 puppeteer 의 차이 cheerio 는 jQuery 를 이용해서 웹 페이지를 parsing 하고, 데이터 구조의 결과물을 탐색 및 조작할 수 있도록 도와주는 Node..

e.preventDefault() 와 e.stopPropagation() 일단 이 두 개의 코드 모두 이벤트 관련 동작에서 많이 사용된다. e.preventDefault() HTML 에서 태그나 는 고유의 동작을 가진다. 예를 들어, 페이지를 이동시킨다거나 form 안에 있는 데이터 등을 전송한다. 이때, e.preventDefault() 는 그러한 동작을 중단시킨다. // index.html LHWN's BLOG 위에서 LHWN's BLOG 를 클릭하면 내 블로그로 이동될 것이다. // index.html LHWN's BLOG // preventDefault.js $("a").click(function(e)) { e.preventDefault(); alert("stop to move"); } 만일 위 ..