본문 바로가기

전체 글1455

JSON datatype 타입(datatype) JSON에서는 데이터의 값으로 사용할 수 있는 다양한 타입을 제공하고 있습니다. JSON에서 제공하는 기본 타입은 다음과 같습니다. 1. 숫자(number) 2. 문자열(string) 3. 불리언(boolean) 4. 객체(object) 5. 배열(array) 6. null 숫자(number) JSON에서 나타낼 수 있는 숫자의 종류는 다음과 같습니다. 1. 정수(integer) 2. 실수(fraction) 3. 지수(exponent) JSON에서는 8진수나 16진수 등을 표현하는 방법은 제공하지 않습니다. 정수(integer) JSON에서 정수는 부호를 가지는 소수 부분이 없는 수를 의미합니다. 예제 { "age": 1 } 실수(fraction) JSON에서 실수는 소수 부분을 .. 2020. 7. 4.
JSON 기본 JSON 문법 JSON은 자바스크립트의 객체 표기법에서 리터럴(literal)과 프로퍼티(property)를 표현하는 방법만 가져와서 사용합니다. 따라서 JSON 데이터는 모양과 규칙이 매우 단순합니다. 그로 인해 브라우저 영역에서도 쉽고 빠르게 그 의미를 해석할 수 있으며, 다른 프로그래밍 언어에서도 구현하기 쉽습니다. 리터럴(literal) 리터럴(literal)은 변수와 다르게 해석되는 값 그 자체를 의미합니다. 다음 예제에서 등장하는 값은 모두 리터럴입니다. 예제 12 // 숫자 리터럴 "JSON" // 문자열 리터럴 true // 불리언 리터럴 변수(variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며, 그 값이 변경될 수 있습니다. 객체(object) 객체(object.. 2020. 7. 4.
JSON 기초 JSON JSON은 JavaScript Object Notation의 약자입니다. JSON은 좀 더 쉽게 데이터를 교환하고 저장하기 위하여 만들어진 텍스트 기반의 데이터 교환 표준입니다. JSON을 배우기 위한 사전 지식 JSON은 자바스크립트를 기반으로 만들어졌습니다. 따라서 JSON을 배우기 전에 여러분은 자바스크립트에 대한 기초 지식이 있으면 좋습니다. JSON이란? JSON은 JavaScript Object Notation의 약자입니다. JSON은 사람이 읽을 수 있는 텍스트 기반의 데이터 교환 표준입니다. 이러한 JSON은 XML의 대안으로서 좀 더 쉽게 데이터를 교환하고 저장하기 위하여 고안되었습니다. 또한, JSON은 텍스트 기반이므로 어떠한 프로그래밍 언어에서도 JSON 데이터를 읽고 사용.. 2020. 7. 4.
Ajax 활용 검색어 추천 기능 검색어를 입력하면 입력된 단어에 맞춰 적절한 검색어를 추천해 주는 기능은 현재 대부분의 사이트에서 사용되고 있습니다. Ajax를 이용하면 이러한 기능을 어렵지 않게 구현할 수 있습니다. 이번에는 제이쿼리와 Ajax를 이용하여 간단한 검색어 추천 기능을 구현해 보도록 하겠습니다. 검색어 추천 기능의 동작 순서 검색어 추천은 검색어를 입력하는 도중에 입력된 검색어와 유사한 검색어를 화면에 표시해 주는 기능입니다. 따라서 다음과 같은 순서대로 동작하게 됩니다. 1. 입력된 검색어를 Ajax 요청으로 서버에 전송함. 2. 서버에서는 전송된 검색어를 이용하여 추천 검색어 목록을 작성함. 3. 작성된 추천 검색어 목록을 Ajax 응답으로 클라이언트에 전송함. 4. Ajax 응답으로 온 추천 검색어.. 2020. 7. 3.
Ajax & jQuery 제이쿼리와 Ajax Ajax를 이용하여 개발을 손쉽게 할 수 있도록 미리 여러 가지 기능을 포함해 놓은 개발 환경을 Ajax 프레임워크라고 합니다. 그중에서도 현재 가장 널리 사용되고 있는 Ajax 프레임워크는 바로 제이쿼리(jQuery)입니다. $.ajax() 메소드 제이쿼리는 Ajax와 관련된 다양하고도 편리한 메소드를 많이 제공하고 있습니다. 그중에서도 $.ajax() 메소드는 모든 제이쿼리 Ajax 메소드의 핵심이 되는 메소드입니다. $.ajax() 메소드는 HTTP 요청을 만드는 강력하고도 직관적인 방법을 제공합니다. $.ajax() 메소드의 원형은 다음과 같습니다. 원형 $.ajax([옵션]) URL 주소는 클라이언트가 HTTP 요청을 보낼 서버의 주소입니다. 옵션은 HTTP 요청을 구성하는 .. 2020. 7. 3.
Ajax 고급 주기적으로 Ajax 요청하기 Ajax는 클라이언트가 서버에 데이터를 요청하는 클라이언트 풀링 방식을 사용하므로, 서버 푸시 방식의 실시간 서비스는 만들 수 없습니다. 하지만 주기적으로 Ajax 요청을 보내도록 설정하여, 실시간 서비스와 비슷한 동작을 하도록 만들 수는 있습니다. 다음 예제는 0.5초마다 주기적으로 Ajax 요청을 보내 현재 서버 시간을 출력하는 예제입니다. 예제 function sendRequest() { var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (httpRequest.readyState == XMLHttpRequest.DONE && httpRequest.status ==.. 2020. 7. 3.

티스토리툴바