Youtube API 사용시 encoded text 변환하기

YouTube API로 이것저것 하다보니 타이틀에 받아온 데이터의 텍스트 상태가 이상했다.

 

encoded text 라고 하던데

 

하도 BTS를 검색하다보니 ㅋㅋ ' (')이 문자열때문에 거슬려서..

 

검색어를 계속 이스케이프로 해서 그런지 해결책이 마땅히 나오지 않던 중..

 

스승님이 관련 스택오버플로우 게시글을 찾아주셨다. (감사합니다 엘리님!)

 

How to fix Youtube API results title that are returned encoded

unescape라는 라이브러리를 추가해도 된다는데,

나는 he를 다운받아 사용했다.

 

title을 받아오는 파일에서 아래처럼 title을 변환해오면 된다.

const he = require("he");

//생략

<div>{video.snippet.title = he.decode(video.snippet.title)}</div>

 

스오플에 나와있는대로 video를 받아오는 부모컴포넌트에서부터 변환해도 되고,

어디서 하던 상관없다.

 

속이 다 시원!