JSON에 대해

2023. 4. 12. 17:24· HTML-CSS-JavaScript/JavaScript
JSON이란?
JavaScript Object Notaion의 줄임말로 데이터 교환을 위해 만들어진 객체 형태의 포맷

메세지 객체를 전송할 수 있게 하려면 , 메세지를 보내는 발신자와 메세지를 받는 수신자가 같은 프로그램을 사용하거나 문자열 처럼 범용적으로 읽을 수 있는 형태여야함 

객체는 타입 변환을 이용해 String으로 변환 할 경우 객체 내용을 포함하지 않음. 
자바스크립트에서 객체를 문자열로 변환하기 위해 메서드 toString() 이나 형 변환 String() 을 하게 된다면 
[object Object] 라는 결과를 리턴함 

 

그럼 객체는 어떻게 문자열로 변환해야 할까 ?
이 때 사용하는 것이 객체를 JSON 형태로 변환하거나 JSON을 객체의 형태로 변환하는 방법임

JSON.stringify : 객체를 JSON으로 변환함 
JSON.parse : JSON을 객체로 변환함 

stringify 하는 과정을 직렬화 라고 함 
JSON.parse 하는 과정을 역직렬화 라고 함

 

JSON 의 기본규칙
자바스크립트 객체JSON

 

  자바스크립트 객체 JSON
키 키는 따옴표 없이 쓸 수 있음
{ key : "property" }
반드시 큰 따옴표를 붙여야 함
'{"key":"property"}'
문자열 값 작은 따옴표도 사용 가능
{ "key" : 'property' }
반드시 큰 따옴표로 감싸야 함
'{"key":"property"}'
키와 값 사이 공백 사용 가능
{"key" : 'property'}
사용 불가능
'{"key":"property"}'
키-값 쌍 사이 공백 사용 가능
{ "key":'property', num:1 }
사용 불가능
'{"key":"property","num":1}'
 
만약 객체로 function 이나 undefined 로 들어오게 된다면
JSON.stringify 했을 때 변환이 이루어지지 않음
결과는 {} 임

'HTML-CSS-JavaScript > JavaScript' 카테고리의 다른 글

Array.from 너의 정체는 무엇이냐  (0) 2023.11.16
[자료구조/알고리즘] javascript로 재귀 풀기  (0) 2023.04.11
[javascript] Promise,Async/Await 를 통한 비동기 처리  (0) 2023.03.22
[javascript] Callback을 통한 비동기 처리  (0) 2023.03.21
[javascript] 비동기 - 타이머 API  (0) 2023.03.21
'HTML-CSS-JavaScript/JavaScript' 카테고리의 다른 글
  • Array.from 너의 정체는 무엇이냐
  • [자료구조/알고리즘] javascript로 재귀 풀기
  • [javascript] Promise,Async/Await 를 통한 비동기 처리
  • [javascript] Callback을 통한 비동기 처리
배트리버
배트리버
🐾 사람 좋아, 개발 좋아 🐾 궁금한 건 끝까지 파고들고, 배운 건 즐겁게 나누는 개발자의 놀이터
배트리버
리트리버의 개발 놀이터
배트리버
전체
오늘
어제
  • 분류 전체보기
    • 네트워크
    • 기초 셋팅
    • 오늘의 일기
    • 리액트
    • 코테 준비
      • 프로그래머스
      • 백준
    • 코드스테이츠44기 프론트엔드
    • HTML-CSS-JavaScript
      • HTML
      • CSS
      • JavaScript
    • 자료구조&알고리즘
    • TypeScript
    • Git
    • Tip
    • 프로젝트
    • Next.js
    • 트러블슈팅

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 리액트
  • 코드스테이츠 44기
  • 코드스테이츠 프론트엔드
  • 티스토리챌린지
  • 자바스크립트 비동기
  • 탄스택쿼리
  • 코드스테이츠 44기 프론트엔드
  • 네트워크
  • 타입스크립트문법
  • BFS
  • 오블완
  • 리액트 상태관리
  • 자바스크립트
  • 프로그래머스
  • 프로젝트 회고
  • 코드스테이츠
  • 코드스테이츠 회고록
  • 리액트쿼리
  • KPT 회고
  • 코드스테이츠 블로깅

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
배트리버
JSON에 대해
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.