본문 바로가기

나의 FE피봇이야기/Javascript

[Javascript/Json] Json 데이터를 만들기 위한 크롤링

최근에 누군가가 콘솔에 스크립트를 써, 정보를 추출하는 것을 보고 나도 따라해 봤다.

json 데이터 만들려고 코드 작성(ai+코드 좀 수정)유용하다.

 

이렇게 간단한 데이터를 추출해 봤다.

 

 

// Select all product tiles var productTiles = document.querySelectorAll('.product-tile');

// Iterate over each product tile productTiles.forEach(function(tile) {
// Get the title
var title = tile.querySelector('.tile-body .pdp-link').textContent;

// Get the image URL
var imageUrl = tile.querySelector('.image-container a[role=link] picture img').getAttribute('src');

// Print or store the title and image URL
console.log('Title:', title);
console.log('Image URL:', imageUrl);

});

 

 

// Select all product tiles var productTiles = document.querySelectorAll('.product-tile');

// Iterate over each product tile, using an arrow function as a callback
productTiles.forEach((tile) => {
// Get the title
var title = tile.querySelector('.tile-body .pdp-link').textContent;
// Get the image URL
var imageUrl = tile.querySelector('.image-container a[role=link] picture img').getAttribute('src');
// Print or store the title and image URL
console.log('Title:', title);
console.log('Image URL:', imageUrl);
});