Chirpy Theme Stats 회고

Jean·2023년 6월 27일

프로젝트 회고

목록 보기

2/5

벨로그 위젯을 쓰던 중 깃허브 블로그의 최신글도 리드미에 올리고 싶다는 생각을 했고,
해당 위젯을 기반으로 제작해보자는 생각을 했다.

벨로그 위젯은 api를 기반으로 GraphQL을 사용해 데이터를 불러왔지만
깃허브 페이지에서는 그런 api를 찾기 어려웠다
그래서 Rss Feed를 이용해 데이터를 불러왔다

Rss를 통해 가져온 데이터를 Json으로 변환해
svg에 데이터를 넣었다

로컬에서 실행시켜보니 최근 데이터로 잘 나왔고 링크도 정상작동했다

웹서버는 Vercel을 사용했다

[![Github Blog Stats](https://gitblog-stats.vercel.app/api?xml=<RSS LINK>)](<YOUR BLOG URL>)

위의 코드를 사용해 위젯을 불러올 수 있다

처음 소스코드를 열자마자 당황했다
GraphQL을 전혀 몰랐고 처음 보는 모양에 굉장히 당황했다.
소스코드 열자마자 GraphQL 강의를 들으러 갔고 생각보다 어렵지 않아서 금방 이해할 수 있었다.

rss 데이터를 봤을때 xml to json 라이브러리를 찾아 사용했다.
하지만 몇 개의 라이브러리를 사용하던 Non-whitespace before first tag 오류가 계속 났고
rss to json 라이브러리를 찾아 사용해서 해결했다...

vercel을 처음 사용해봤다
다행히도 세팅이 그렇게 어렵지는 않았다
처음에는 인터넷 글을 보고 배포했으나 계속 500에러가 뜨는 문제가 생겨 영상을 참고하여 배포했다

햇내기 개발자 지망생