210921 TIL

TIL DAY 53

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

• Json이란?

  • Json은 JavaScript Object Notation 줄임말

  • 정보가 들어있는 response

  • 정보를 교환하기 위한 용도

  • 자바스크립트 문법과 동일

    예 )

    

    주의할 점!

  1. JSON에는 프로퍼티의 이름과 값을 표현하는 방식에 제한이 있다.

     • JSON에서는 각 프로퍼티의 이름을 반드시 큰따옴표(")로 감싸줘야 한다.

     예 )
     

     • 만약에 작은따옴표로 감싸면, 에러가 발생할 수 있다.

  2. JSON에서는 값이 문자열인 경우 큰따옴표(")를 사용해야 한다.

     

     *** 자바스크립트에서는 프로퍼티의 값으로 사용할 수 있는 undefined, NaN, Infinity 등을 JSON에서는 사용할 수 없다.

     *** JSON은 코드가 아니라 데이터 포맷이기 때문에 그 안에 주석을 포함시킬 수 없다.

중요한 사실은 처음 JSON 데이터는 string 타입으로 구분되어있다.
그리하여 원하는 작업이 힘들다.

하지만 다행스럽게도 string 타입의 JSON 데이터를 자바스크립트 객체로 변환할 수 있다.

위에 코드를 잘 보면, result앞에 변수를 JSON.parse(result)라고 칭하는데 JSON은 자바스크립트에 쓰이는 기본 객체이며 parse 메소드는 string 타입의 JSON을 객체로 바뀌게 해준다. 한마디로 이 코드는 string 타입의 JSON 데이터에 표현된 사용자 배열들을 실제 자바스크립트 배열로 변환한다.

각 사용자 이름 출력하는 방법...

결과값 :

간편하게 JSON 데이터를 처리할려면, 객체 타입으로 바꾸어주면 된다.

마무리로...

• 오늘은 저장된 데이터를 불러와서 출력해주는 JSON에 대해 배워봤는데, 학원에서 배운게 어렴풋이 기억이 나면서도 잘 생각이 안난다.
• 무조건 큰따옴표로 감싸야하며, 객체로 변환시켜야 주는걸 알았다.