본문 바로가기
[백엔드온라인TIL] java 학습 41일차 1.1. Ajax의 동작 방식 브라우저에서 Ajax 요청을 담당하는 XMLHttpRequest라는 객체를 통해 서버에 정보를 요청, 응답받음 1.2. 콜백 동작 순서 성공 시 : success > complete > done > always 실패 시 : error > complete > fail > always 1.3. jQuery를 이용한 Ajax Ajax의 기본 Method를 이용하면 XMLHttpRequest를 직접 사용하게 되는데 때문에 이러한 복잡한 과정 없이 jQuery를 이용하면 간단하게 서버와 데이터를 주고받을 수 있음 또한 크로스 브라우징 문제도 jQuery가 알아서 해결해주고 여러 가지 편리한 기능들을 제공 1.4. $.ajax([settings]) 함수의 property https:/.. 더보기
[백엔드온라인TIL] java 학습 40일차 제이쿼리(jQuery) 존재의 이유인 선택자(selector)에 대해서 포스팅해보려고 합니다. 자바스크립트 제이쿼리 라이브러리에서는 다양한 선택자를 제공합니다. 선택자의 개념을 간단하게 정리하고, 직접 선택자에 대해 자세히 설명하겠습니다. 선택자란? 선택자는 HTML 요소를 선택하여 가져옵니다. 제이쿼리 선택자는 선택한 요소의 디자인 속성을 적용할 때 사용할 수 있습니다. 이때 HTML에 작성한 스타일은 사용자의 동작에 의해 스타일을 변경할 수 없기 때문에 HTML에서 작성한 CSS는 '정적이다'라고 표현합니다. 하지만, 제이쿼리 선택자를 사용하면 '동적'으로 스타일을 적용할 수 있습니다. 선택자를 좀 더 깊이있게 공부하려면 document 객체 모델에 대해 알아두면 좋습니다. DOM (문서 객체 모델).. 더보기
[백엔드온라인TIL] java 학습 39일차 프론트엔드 개발자라면 자바스크립트(JavaScript)라는 프로그래밍 언어를 아는 것과 동시에, DOM에 대해서 반드시 알고 있어야만 웹 개발을 시작할 수 있다고 해도 과언이 아닙니다. 브라우저에 띄울 웹 페이지가 단순히 정보 전달만을 목적으로 하는 정적인 웹이라면 HTML, CSS로도 충분하겠지만 그 이상의 인터랙티브한 기능을 구현하고자 한다면 자바스크립트와 DOM을 반드시 써야만 하기 때문입니다. 그렇다면 DOM이란 무엇이고, 어떻게 자바스크립트와 DOM을 이용해 인터랙티브한 기능을 구현할 수 있는지 알아보도록 하겠습니다. DOM (문서 객체 모델) 먼저 DOM, 문서 객체 모델이 무엇인지에 대해 살펴볼게요. DOM (문서 객체 모델)이란? 문서 객체 모델, 즉 DOM은 웹 페이지(HTML이나 XML.. 더보기

티스토리툴바