본문 바로가기
  • 살짝 구운 김 유나
Project/북,돋움

XML to JSON - JavaScript, React

by yunae 2023. 3. 22.

Open API를 호출하면 데이터를 XML로 제공하기 때문에 이를 JSON으로 변환하는 과정이 필요했다.

TypeScript로 하려고 했는데, 잘 모르겠어서 JS로~

 

XML parser 설치하기

$ npm install react-xml-parser
// or
$ yarn add react-xml-parser

 

import 

import XMLparser from 'react-xml-parser';

 

사용하기

XMLparser 생성후 parseFromString() 호출

new XMLparser().parseFromString(data)

 

전체코드

// bestkeyword.js

// 이달의 키워드 조회
export async function getBestKeyword(year, month) {
  try {
    const { data } = await axios({
      method: "GET",
      url: `${process.env.REACT_APP_LIBRARY_API_URL}/monthlyKeywords?authKey=${process.env.REACT_APP_LIBRARY_API_KEY}&month=${year}-${month}`,
    });

    return new XMLparser().parseFromString(data).children[1].children.slice(0, 60);
  } catch (e) {
    console.log(e);
  }
}

 

 

 

짱 쉽죠,,? ㅎ

 

 

드라이브는 언제나 신나,,근데 이제 운전은 내가 안하는,,

오랜만에 일기 :)

다시 마음 다잡고 운동부터 거르지 않는 멋쟁이 녀석 되어보자 얍,, 취준생 조급함은 넣어둬,,ㅎ

댓글