Ajax
- Asynchronous JavaScript and XML(비동기 자바스크립트 XML)
Ajax는 XML에 기반한 종합 기술
- HTML, CSS, JavaScript, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 개발 기법
- 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나
- 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있음
- Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있음
- 서버와 다음과 같은 다양한 형태의 데이터를 주고 받을 수 있음
JSON, XML, HTML, 텍스트 파일 등
Ajax 장점
- 웹 페이지 전체를 다시 로딩하지 않고, 웹 페이지의 일부분만을 갱신할 수 있음
- 웹 페이지가 로드 된 후에 서버로 데이터 요청을 보낼 수 있음
- 웹 페이지가 로드 된 후에 서버로 부터 데이터를 받을 수 있음
- 백그라운드 영역에서 서버로 데이터를 보낼 수 있음
- 비동기 통신을 사용함으로써 데이터 전송후에도 사용자는 다른 작업을 할 수 있음
- 기존 방식에 비해 서버 측 처리 속도가 빠르고 전송 데이터양도 적음
Ajax 를 이용하여 작성한 프로그램
- 댓글, 좋아요 기능, 방명록, 아이디 중복 검사 등
JSON(JavaScript Object Notation)
- 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법
자료 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수 값을 표현하는 데 적합
- 특징
- 경량의 데이터 교환 형식
- XML의 단점(속도, 데이터 크기) 보완
- 데이터 표현이 단순하고 직관적
- Java Script에서 eval()를 통해 parsing 할 수 있음
- 파싱 : 웹페이지에서 원하는 데이터를 추출하여 가공하기 쉬운 상태로 바꾸는 것
- 파서 : 데이터들을 다루기 쉬운 형태로 바꿔주는 역할 ex) json ,html -> Object, Array
- 라이브러리가 필요 없음
- name / value 형태의 쌍으로 collection 타입
'Tech Interview > Web' 카테고리의 다른 글
XML을 안 쓰고 JSON을 쓰는 이유 (0) | 2023.05.14 |
---|---|
javascript (0) | 2023.02.16 |
MVC 패턴 (0) | 2023.02.15 |
쿠키와 세션, 필터 (0) | 2023.02.14 |
포워딩과 리다이렉트 (0) | 2023.02.13 |