[Java Script] JSON, API

잡담

아침에 학원가는데 아버지가 카톡으로 AI가 개발자자리까지 뻇는다는 기사를 보내주시더라고요.. 공부하는 입장에서 사실 많이 두렵기도 하지만 그 AI가 주는 값을 검증할 만한 사람도 필요하지 않을까 생각합니다. 인간은 자신이 사용하는 도구에 맞게 진화한다고 하더라고요 AI가 제 진화를 도와 주는 도구가 되었으면 좋겠네요.

---

 

JSON

JavaScript의 객체 표기법은 JSON(JavaScript Object Notation)에 근거합니다. JSON은 데이터를 효율적으로 교환하기 위한 경량의 데이터 형식입니다. JavaScript 객체 표기법을 기반으로 하며, 다양한 프로그래밍 언어에서 사용할 수 있는 형식입니다.

JSON은 텍스트 기반의 데이터 교환 형식으로, 사람이 읽고 쓰기 쉽고, 기계가 분석하고 생성하기 쉽습니다. 주로 웹 서버와 웹 브라우저 사이에서 데이터를 주고받을 때 사용되며, API 호출 및 데이터 저장 등 다양한 용도로 활용됩니다.

JSON은 다음과 같은 특징을 가집니다:

1. 텍스트 기반 형식: 텍스트로 구성되어 있어 사람이 쉽게 읽을 수 있습니다.
2. 경량: 데이터를 담는데 필요한 부분만 포함하여 데이터를 효율적으로 전송할 수 있습니다.
3. 독립적인 언어 구조: 프로그래밍 언어와 독립적으로 사용할 수 있습니다. 즉, 다양한 언어에서 JSON을 사용하여 데이터를 주고받을 수 있습니다.

JSON은 다음과 같은 형식으로 구성됩니다:

    {

    "key1": "value1",

    "key2": "value2",

    "key3": {

        "nested_key1": "nested_value1",

        "nested_key2": "nested_value2"

    },

    "key4": ["array_value1", "array_value2"]

    }

위의 예시는 JSON 객체를 나타내는 것으로, 키-값 쌍으로 구성되어 있습니다. 이러한 JSON 객체는 중괄호 {}로 둘러싸여 있으며, 각 키와 값은 콜론 :으로 구분되어 있습니다. 키와 값은 큰따옴표로 둘러싸여 있습니다. 객체 내에서 다시 객체를 포함할 수 있으며, 배열을 포함할 수도 있습니다.

 

---

 

간단한 예시

 

       

        var person={name:'kim', age:20, height:176.6}

        document.write(person.name,"<br>");

        document.write(person.age,"<br>");

        document.write(person.height,"<br>");

       

 #값
이름: kim
나이: 20
신장: 176.6

       

        var movie={title:'반지의 제왕', running:130, rating:176.6}

        document.write(movie.title,"<br>");

        document.write(movie.running,"<br>");

        document.write(movie.rating,"<br>");

       

#값
반지의 제왕
130
176.6

 

List 형태의 예시

        //var personList=[{...},{...},{...}]

        var personList=[{name:'kim', age:20, rating:176.6},

                        {name:'lee', age:21, rating:172.3},

                        {name:'park', age:23, rating:164.1}];

        //길이가 3인 JSON배열

        console.log(personList);

        //Array(3)

       

 

push사용 

       

        var movieList=[{title:'반지의제왕', running:130, rating:9.2},

                        {title:'아바타', running:140, rating:9.3},

                        {title:'듄2', running:135, rating:8.7}];

       

        for(var i=0; i<movieList.length; i++){

            document.write((i+1)+"번째 영화정보","<br>");

            document.write("제목: "+movieList[i].title,"<br>");

            document.write((i+1)+movieList[i].running,"<br>");

            document.write((i+1)+movieList[i].rating,"<br>");

        }

       

 

movieList.push({title:'파묘', running:120, rating:8.5})

 

---

 

 

API 에서 볼 수 있는 JSON

 

외국 영화 사이트에서 제공하는 API JSON파일을 받아서 확인하는 방법

불법사이트인지 의심스럽긴 한데 json 데이터가 어떻게 생겼는지 확인만 해보도록 한다.

https://yts.mx/api

API Documentation - YTS YIFY

해당 사이트를 접속하여 

https://yts.mx/api/v2/list_movies.json

가장 위에있는도메인을 복사하여 크롬창에 검색합니다. 

 

JSON Viewer

https://chromewebstore.google.com/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=ko

JSON Viewer

크롬 확장 프로그램 설치하여 가독성을 높여줍니다.

vs

해당 API를 이용해서 영화 정보, 이미지, 추천영화, 시간순 등.. 다양한 정보를 활용할 수 있다. 활용하는방법은 다른 글에서 다룰 예정입니다.