이 영역을 누르면 첫 페이지로 이동
시간의화살 블로그의 첫 페이지로 이동

시간의화살

페이지 맨 위로 올라가기

시간의화살

행복하세요

[JavaScript] JSON

  • 2022.10.25 13:59
  • Programming Language/JavaScript

 

 

 

JavaScript Object Notation의 약자로, 데이터를 교환하기 위한 format이다.

JavaScript -> JSON / JSON -> JavaScript 두 방향으로 변환할 수 있어야 한다.

 

JSON은 function / date / undefined를 다룰 수 없다.

 

 

 

String, Number, Object, Array, Boolean, null

 

{"name " : "asdf"}

{"age" : 13}

{"object" : {"name" : "a", "age" : "12" ... }}

{"arr" : [1,2,3,4]}

{"flag" : true}

{"nulls" : null}

 

 

JSON 타입의 데이터는 서버에 저장돼 관리되고, 클라이언트는 서버의 데이터를 가져와서 사용할 수 있어야 한다.

따라서 자바스크립트와 JSON형태의 변환이 필요하다.

 

자바스크립트의 객체에서 key는 꼭 문자열이 아니여도 되지만, JSON타입에서 key는 " " 로 둘러싸인 문자열이다.

 

 

 

parse

 

 

 

string -> json

 

 

앞에서 언급했듯, date / function / undefined는 JSON으로 다룰 수 없다.

따라서 서버로부터 받아온 데이터를 JavaScript로 변환할 때 위의 세 가지는 따로 처리 해 줘야 한다.

 

 

Date

 

 

 

 

Function

 

 

 

 

stringify

 

json -> string

 

변환 시 Date는 문자열로 적당히 변환돼 전송되고, 함수는 전송되지 않는다.

따라서 함수를 전송 할 때는 함수 그대로를 문자열로 변환한 후 서버로 전송해야 한다.

 

 

 

 

 

반응형
저작자표시 (새창열림)

'Programming Language > JavaScript' 카테고리의 다른 글

[JavaScript] AJAX  (0) 2022.11.08
[JavaScript] JQuery  (1) 2022.11.08
[JavaScript] 정리 (2)  (0) 2022.10.09
[JavaScript] DOM  (0) 2022.10.03
[JavaScript] 정리 (1)  (0) 2022.09.28

댓글

이 글 공유하기

  • 구독하기

    구독하기

  • 카카오톡

    카카오톡

  • 라인

    라인

  • 트위터

    트위터

  • Facebook

    Facebook

  • 카카오스토리

    카카오스토리

  • 밴드

    밴드

  • 네이버 블로그

    네이버 블로그

  • Pocket

    Pocket

  • Evernote

    Evernote

다른 글

  • [JavaScript] AJAX

    [JavaScript] AJAX

    2022.11.08
  • [JavaScript] JQuery

    [JavaScript] JQuery

    2022.11.08
  • [JavaScript] 정리 (2)

    [JavaScript] 정리 (2)

    2022.10.09
  • [JavaScript] DOM

    [JavaScript] DOM

    2022.10.03
다른 글 더 둘러보기

정보

시간의화살 블로그의 첫 페이지로 이동

시간의화살

  • 시간의화살의 첫 페이지로 이동

검색

방문자

  • 전체 방문자
  • 오늘
  • 어제

카테고리

  • 분류 전체보기 (606)
    • Algorithm (205)
      • Data Structure (5)
      • Theory && Tip (33)
      • Baekjoon (166)
      • ALGOSPOT (1)
    • Spring (123)
      • Spring (28)
      • Spring Web MVC (20)
      • Spring Database (14)
      • Spring Boot (6)
      • Spring 3.1 (11)
      • Spring Batch (6)
      • Spring Security (16)
      • JPA (12)
      • Spring Data JPA (5)
      • QueryDSL (4)
      • eGovFramework (1)
    • Programming Language (74)
      • Java (19)
      • JavaScript (15)
      • C (25)
      • C++ (12)
      • Python (1)
      • PHP (2)
    • Computer Science (69)
      • Operating System (18)
      • Computer Network (17)
      • System Programming (22)
      • Universial Programming Lang.. (8)
      • Computer Architecture (4)
    • Database (21)
      • Database (7)
      • MySQL (3)
      • Oracle (3)
      • Redis (5)
      • Elasticsearch (3)
    • DevOps (20)
      • Docker && Kubernetes (8)
      • Jenkins (4)
      • Github Actions (0)
      • Amazon Web Service (8)
    • Machine Learning (28)
      • AI Introduction (28)
    • Mobile (28)
      • Android (21)
      • Flutter (7)
    • Solutions (13)
    • Life Logs (0)
    • 낙서장 (25)

최근 글

나의 외부 링크

메뉴

  • 홈

정보

13months의 시간의화살

시간의화살

13months

블로그 구독하기

  • 구독하기
  • RSS 피드

티스토리

  • 티스토리 홈
  • 이 블로그 관리하기
  • 글쓰기
Powered by Tistory / Kakao. Copyright © 13months.

티스토리툴바