반응형
[JavaScript] JSON와 AJAX에 대해
JSON이란?
JSON은 JavaScript Object Notation의 약자로, 웹과 컴퓨터 프로그램에서 용량이 적은 데이터를 교환하기 위해 데이터 객체를 속성-값의 쌍(Attribute-Value Pairs) 형태로 표현하는 개방형 표준 포맷이다.
비동기 처리에 사용되는 AJAX에서 XML을 대체하여 사용되고 있다.
AJAX이란?
AJAX는 Asynchronous JavaScript and XML의 약자로, 자바 스크립트를 사용하여 클라이언트와 서버 간에 XML 데이터를 주고 받는 비동기 통신 기술이다.
전체 페이지를 새로 고치지 않고도 웹 페이지 일부 영역만을 업데이트 할 수 있게끔 구현할 수 있다.
인터페이스 구현
인터페이스 구현이란 송·수신 시스템 간의 데이터 교환 및 처리를 실현해주는 작업을 의미한다.
인터페이스 구현 방법으로는 크게 아래의 두 가지가 있다.
- 데이터 통신을 이용한 인터페이스 구현
- 인터페이스 엔티티를 이용한 인터페이스 구현
이중 데이터 통신을 이용한 인터페이스 구현은 애플리케이션 영역세어 데이터 포맷을 인터페이스 대상으로 전송하면 이를 수신 측에서 파싱(Parsing)하여 해석하는 방식이다.
(*파싱이란, 주어진 문장이 정의된 문법 구조에 따라 완전한 문장으로 사용될 수 있는가를 확인하는 작업을 의미한다.)
주로 JSON이나 XML형식의 데이터 포맷을 사용하여 인터페이스를 구현한다.
그중 JSON을 이용한 인터페이스 구현 순서에 대해 알아보자.
- 송신 측에서 인터페이스 객체를 생성할 데이터를 각 시스템 환경에 맞게 선택한다.
- JSON을 이용해 데이터를 인터페이스 객체로 만든다.
- 인터페이스 객체를 AJAX 기술 등을 이용해 수신 측으로 보낸다.
- 수신 측에서 인터페이스 객체를 수신해 파싱한 후 처리한다.
- 수신 측에서 송신 측으로 처리 결과를 보낸다.
반응형
'HTML, CSS, JavaScript' 카테고리의 다른 글
[JS] keyup, keydown, keypress 차이 (키보드 이벤트 발생 시점 종류) (0) | 2022.06.15 |
---|---|
[JavaScript] 날짜 형식 변경 (20220101 => 2022-01-01), (Y=>미동의) (0) | 2022.05.18 |
[JavaScript] 자바스크립트 기본 문법 몇 가지_1탄 (0) | 2021.09.01 |
[JavaScript] 객체 비구조화 할당 (객체 구조 분해) (0) | 2021.09.01 |
[JavaScript] 템플릿 리터럴 사용법 (ES6부터) (0) | 2021.08.31 |