티스토리 RSS 피드 JSON으로 가져오기

티스토리 블로그 포스트를 JSON으로 가져오기 위해선 https://블로그 주소/rss 이런식으로

제목, 내용, 날짜 등을 가져올 수 있다.

 

근데 저 url로 바로 가져오려고 하면 크로스 도메인 이슈가 발생하기 때문에

아래 주소에서 티스토리 rss주소를 입력후 url을 가져오도록 한다.

https://rss2json.com/

 

const url = "https://jisilver-k.tistory.com/rss";

  useEffect(() => {
    const fetchRss = async () => {
      try {
        const response = await fetch(
          "https://api.rss2json.com/v1/api.json?rss_url=" + url
        );
        const rss = await response.json();
        console.log(rss.items);
      } catch (error) {
        console.error(error);
      }
    };
    fetchRss();
  }, []);

 

컴포넌트가 로드 될 때 데이터를 가져오게 했고, 콘솔에 찍어보면 블로그의 최신 게시글 10개를 확인할 수 있다.