RSS(Really Simple Syndication)는 웹 사이트의 최신 컨텐츠를 다른 사이트나 애플리케이션으로 전달하기 위한 표준 포맷입니다. 자바스크립트를 사용하여 RSS 피드를 처리하고 JSON 형식으로 변환하는 방법을 알아보겠습니다.

1. RSS 피드 파싱하기

RSS 피드를 파싱하기 위해 자바스크립트에서는 fetch 함수를 사용할 수 있습니다. fetch 함수는 웹 요청을 보내고 응답을 받기 위해 사용됩니다. 다음은 RSS 피드를 가져오는 예시입니다.

const rssUrl = 'https://example.com/rss-feed';
fetch(rssUrl)
  .then(response => response.text())
  .then(xml => {
    // 파싱된 XML 데이터를 처리하기 위한 로직
  })
  .catch(error => {
    console.error('Error fetching RSS feed:', error);
  });

위 코드에서는 fetch 함수를 호출하여 RSS 피드의 URL을 전달하고, 응답을 텍스트로 변환합니다. 변환된 텍스트는 XML 형식이므로, 이를 처리하기 위한 로직을 추가해야 합니다.

2. XML 데이터 처리하기

XML 데이터를 JSON 형식으로 변환하기 위해 자바스크립트에서는 DOMParser 객체를 사용할 수 있습니다. DOMParser는 XML 문자열을 파싱하여 DOM(Document Object Model)을 생성하는 역할을 합니다. 다음은 XML 데이터를 JSON으로 변환하는 예시입니다.

const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xml, 'text/xml');

const items = xmlDoc.querySelectorAll('item');
const feedData = [];

items.forEach(item => {
  const title = item.querySelector('title').textContent;
  const description = item.querySelector('description').textContent;
  const link = item.querySelector('link').textContent;

  feedData.push({ title, description, link });
});

const jsonData = JSON.stringify(feedData);
console.log(jsonData);

위 코드에서는 DOMParser 객체를 사용하여 XML 데이터를 파싱하고, querySelector 메소드를 사용하여 원하는 데이터를 추출합니다. 추출한 데이터는 배열에 추가된 후, JSON.stringify 함수를 사용하여 JSON 문자열로 변환됩니다.

3. JSON 데이터 사용하기

JSON 데이터를 사용하기 위해 자바스크립트에서는 JSON.parse 함수를 사용하여 문자열을 객체로 변환할 수 있습니다. 이렇게 변환된 JSON 객체를 이용하여 필요한 작업을 수행할 수 있습니다. 다음은 JSON 데이터를 사용하는 예시입니다.

const jsonData = '[{"title":"Example Title","description":"This is an example description","link":"https://example.com"}]';
const feedData = JSON.parse(jsonData);

feedData.forEach(item => {
  console.log(item.title);
  console.log(item.description);
  console.log(item.link);
});

위 코드에서는 JSON.parse 함수를 사용하여 JSON 문자열을 객체로 변환하고, 객체의 속성에 접근하여 데이터를 사용합니다.

마무리

이제 자바스크립트에서 RSS 피드를 처리하고 JSON 형식으로 변환하는 방법에 대해 알아보았습니다. fetch 함수를 사용하여 RSS 피드를 가져온 다음, DOMParser를 사용하여 XML을 파싱하고, 추출한 데이터를 JSON 형식으로 변환할 수 있습니다. 이렇게 변환된 JSON 데이터를 사용하여 필요한 작업을 수행할 수 있습니다. 다양한 RSS 피드 처리에 도움이 되기를 바랍니다.