Chapter 02_JS 데이터 실습_03.JSON

이소연·2022년 9월 14일
0

JavaScript Essentials

목록 보기
20/22

JSON (JavaScript Object Notation)

js의 데이터를 표현하는 하나의 포맷. (속성-값)의 한 쌍으로 이뤄져있다.
사람이 읽을 수 있는 글자의 개방형 표준 포맷이다.
비동기 브라우저 서버 간의 통신에서 사용이되고, 예전에 많이 사용했던 XML을 대체할만한 주요 데이터 포맷이다. 특히 인터넷에서 자료를 주고 받을 때 데이터를 표현하는 방법으로 JSON을 사용할 수 있다. 특히나 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다.

json이라는 확장자를 가진 파일로도 만들 수 있음. ex) package.json, package-lock.json

JSON의 공식 인터넷 미디어 타입은 application/json이며, JSON의 파일 확장하는 .json이다.

json포맷에서 사용할 수 있는 자료형(데이터)와 문법

기본적인 js데이터 중에서 undefined를 제외하고는 사용가능.
주의할 점은 문자열을 작성할 때 작은 따옴표나 백틱 기호를 제외한 큰 따옴표만 허용이 된다



일반 js에서 객체데이터의 속성에 만약 특수기호가 들어가 있다면 따옴표로 묶어줘야 함. 특수기호 없는 속성도 따옴표로 묶어도 문제 없음.

근데 JSON 문법은 속성의 이름을 따옴표로 묶어야 함. 그리고 사용할 수 있는 따옴표는 큰따옴표 하나 뿐.
객체 데이터 형태로 작성되어있는데, 속성의 이름들 모두 큰 따옴표로 묶여있다.

node.js환경에서 npm을 통해 패키지를 관리하는 프로젝트는 기본적으로 package.json 파일이 자동으로 해석이 되서 프로젝트를 구성할 수 있는 구조가 됨.

그래서 node.js환경의 npmpackage.json 파일로 환경의 구성옵션을 만들어서 관리하는 것. 구성옵션을 관리하기 좋은 데이터 포맷인 json으로 관리하는 것.

json이라는 확장자를 가진 하나의 파일이 곧 하나의 데이터가 되는 것. 그래서 json파일 안에 예를들어 숫자 데이터, 불린데이터 이렇게 섞어서 쓸수 없음. 한 종류의 데이터만 입력할 수 있음.

json 파일을 가져올 때 파일명(.json)은 생략해줄 수 있고, 객체데이터로 변환되지만 실제로 json은 하나의 문자 데이터임.
따라서 불변성이 있기 때문에 메모리가 매번 새롭게 할당되지 않아 효율적.

대문자 JSON은 js의 전체 영역에서 사용할 수 있는 전역객체임.

js파일 내부에서 특정 데이터를 json의 형태로 문자데이터화 시켜주는 메소드가 stringify 메소드임. 그래서 출력된 거보면 JSON 포맷의 string 데이터가 출력됨

그리고 parse를 이용해서 분석해서 js에서 활용할 수 있는 데이터로 재조립할 수 있음. 그래서 출력된 거 보면 객체데이터로 출력됨

profile
프론트엔드 종합반 강의 공부 블로그

0개의 댓글

관련 채용 정보