Array로 넘어온 위의 JSON 데이터를 렌더링 해줘야할 때
위와 같은 방식으로 구현할 수 있습니다!
하지만 이렇게 단순히 stringify만 해줄 시에는 렌더링이 너무 이쁘지 않습니다.
이렇게 주~욱 늘어지게 되서 작업하는 데 보기가 너무 불편합니다 ㅠㅠ
JSON.stringify(value[, replacer[, space]])stringify는 value, replacer, space 총 3개의 인자를 가질 수 있습니다
- value : stringify할 JSON데이터
- replacer : 문자열화 동작 방식을 변경하는 함수, 혹은 JSON 문자열에 포함될 값 객체의 속성들을 선택하기 위한 화이트리스트(whitelist)로 쓰이는 String 과 Number 객체들의 배열. 이 값이 null 이거나 제공되지 않으면, 객체의 모든 속성들이 JSON 문자열 결과에 포함된다.
- space : JSON 문자열 출력에 공백을 삽입하는 데 사용하는 String 또는 Number 객체. Number일 경우 공백으로 사용되는 스페이스의 수를 나타낸다.
위의 형식으로 변경을 해주시면!!
이렇게 이쁘게 보이게 됩니다!
출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
I am jerry