반응형 AJAX와 데이터 처리3 15. AJAX와 데이터 처리-3 #3 JSON 데이터 처리 JSON(JavaScript Object Notation)은 데이터 교환 형식으로, JavaScript에서 객체를 만들 때 사용하는 표현식과 유사하다. 대부분의 프로그래밍 언어에서 지원되며, 가벼우면서도 읽기 쉽고 쓰기 쉽다는 장점이 있다. JSON 데이터는 문자열로 표현되며, 객체와 배열을 포함한 여러 가지 데이터 타입을 지원한다. JavaScript에서는 JSON 데이터를 다루기 위해 JSON 객체를 제공한다. JSON 객체 JSON 객체는 JSON 데이터를 다루기 위한 메서드를 제공한다. 다음은 JSON 객체의 주요 메서드다. JSON.stringify() JavaScript 객체를 JSON 문자열로 변환한다. 예를 들어, 다음과 같은 JavaScript 객체를 JSON .. 2023. 3. 18. 14. AJAX와 데이터 처리-2 #2 서버와의 데이터 통신 서버와의 데이터 통신은 웹 애플리케이션에서 매우 중요한 부분입니다. 이를 위해 JavaScript에서는 다양한 방법을 제공하고 있습니다. 이번 섹션에서는 서버와의 데이터 통신 방법에 대해 알아보고, 간단한 예제 코드를 작성해보도록 하겠습니다. XMLHttpRequest 객체를 이용한 데이터 통신 가장 전통적이고 널리 사용되는 방법은 XMLHttpRequest(XHR) 객체를 이용한 데이터 통신입니다. XHR은 비동기적으로 서버와 데이터를 주고받을 수 있도록 지원하는 객체입니다. 이를 이용하면 페이지의 새로고침 없이도 서버와 데이터를 주고받을 수 있습니다. XHR 객체를 이용해 데이터를 보내기 위해서는 먼저 XHR 객체를 생성하고, open() 메서드를 호출하여 요청을 준비합니다.. 2023. 3. 18. 13. AJAX와 데이터 처리-1 #1 AJAX의 개념과 사용법 AJAX(Asynchronous JavaScript and XML)는 웹 페이지를 다시 로드하지 않고도 서버로부터 데이터를 가져오거나 서버에 데이터를 보낼 수 있는 기술입니다. 이를 통해 웹 페이지의 사용성과 성능을 향상시킬 수 있습니다. 이번 섹션에서는 AJAX의 개념과 사용법에 대해 알아보겠습니다. AJAX란? AJAX는 비동기적으로 서버와 브라우저가 데이터를 교환할 수 있게 해주는 기술입니다. 이전에는 서버로부터 데이터를 받아오기 위해 웹 페이지를 새로고침해야 했습니다. 그러나 AJAX를 사용하면 서버로부터 데이터를 비동기적으로 받아와서 현재 페이지를 변경하지 않고도 동적으로 화면을 갱신할 수 있습니다. XMLHttpRequest 객체 AJAX를 사용하기 위해선 먼저 .. 2023. 3. 18. 이전 1 다음 반응형
