🌙AJAX HTML, CSS, 자바스크립트, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 새로운 개발 기법이다. 비동기식 자바스크립트 XML(Asynchronous Javascript And XML)의 약자 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나 *동기식 => async : false - 상대방 DATA가 날라올 때까지 기다리는 것 *비동기식 => async : true - 날라오는 DATA 신경안쓰고 할 일 하는 것 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다. 즉, 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다! 🌙동작 원리 Ajax를 이용한 웹 응용 프로그램은 자바스크립트 코드를..

🌙JSON이란? Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷. 웹 어플리케이션에서 데이터를 전송할 때 사용(서버에서 클라이언트로 데이터를 전송하여 표현하려거나 반대의 경우). 🌙JSON구조 JSON은 자바스크립트의 객체 표기법으로부터 파생된 부분 집합. 따라서 JSON 데이터는 다음과 같은 자바스크립트 객체 표기법에 따른 구조로 구성. 이름과 값의 쌍으로 이루어짐 쉼표(,)로 나열됨 객체(object)는 중괄호({})로 둘러쌓아 표현 배열(array)은 대괄호([])로 둘러쌓아 표현 🌙JSON 데이터 JSON 데이터는 이름과 값의 쌍으로 구성 이러한 JSON 데이터는 데이터 이름, 콜론(:), 값의 순서로 구성. ⇒ "데이터이름": 값 ex)데이터의 이름이 "..

jQuery란? 자바스크립트 라이브러리, 자바스크립트 프로그래밍을 단순하게 한다. 웹사이트에서 자바스크립트를 사용하는 것이 훨씬 쉬워지도록 하는 것이 목적. 여러 줄의 자바스크립트 코드를 필요로 하는 많은 일반적인 작업을 한 줄의 코드로 작업할 수 있는 메서드로 실현 가능. AJAX호출 및 DOM 조작과 같은 자바 스크립트의 복잡한 작업을 간단히 처리. jQuery는 다음과 같은 기능이 포함 HTML/DOM조작 : 특정 요소를 쉽게 찾고 내용 변경이 간단 CSS조작 : 특정 요소에 대한 스타일의 변경 등의 작업이 간단 HTML이벤트 : 이벤트를 간단히 처리 효과 및 애니메이션 : 웹페이지 상의 효과나 애니메이션이 가능 AJAX : 네트워크를 통하여 서버와의 정보 교류를 쉽게 한다. jQuery 사용법 자..