본문 바로가기

javascript, framework/javascript

Step09_fetch(json, parse) ecma6

 

 

json

json 참고자료

JSON이란 무엇인가? | Oracle 대한민국

 

 

여기서 127.0.0.1은 local host, :5500은 post number을 뜻한다.

 

 

 

Network 창에서 작업이 처리되는 과정과 시간을 확인할 수 있다.

 

 

ipconfig로 ip 주소를 확인해볼 수 있다.

 

 

JSON

{"name":"김구라", "addr":"노량진", "likeFoods":["삼겹살","족발"]}

 

XML

방식 1

<info>

    <name>김구라</name>

    <addr>노량진</addr>

    <like-foods>

        <item>삼겹살</item>

        <item>족발</item>

    </like-foods>

</info>

 

방식2

<info>

    <person name="김구라" addr="노량진"/>

    <like-foods>

        <item name="삼겹살"/>

        <item name="족발"/>

    </like-foods>

</info>

 

JSON에는 camel case, XML에는 kebab case가 많이 쓰인다.

문자열, 숫자, 불리언타입, NULL, 객체, 배열 모두 사용가능하다.

 

 

JSON.parse() 

이 메서드는 JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성한다.

 

 

 

str1은 문자열로 작성되었기 때문에 object type으로 활용이 불가능하다.

하지만 JSON에 있는 parse라는 함수를 사용한다면 object type으로 사용가능하게 만들어준다.