Web Technologies 🖥️/javascript3 [jQuery] - ajax가 도대체 뭐야? (Asynchronous Javascript And Xml) ajax 란 JavaScript 의 라이브러리 중 하나이며 " 비동기식 자바스크립트와 xml " (Asynchronous Javascript And Xml) 의 약자이다 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용하여 페이지를 새로고침하지 않고, 일부만을 새로 로드하는 기법(비동기식)이다 즉, 쉽게 풀어보면 JavaScript 를 통하여 클라이언트가 서버에 데이터를 비동기 통신으로 요청하는 것이다 비동기 통신이란? 페이지를 새로고침하지 않고도 데이터를 불러오는 방식이다 예를 들어 네이버 블로그나 카페에서 댓글을 작성하면 전체 페이지가 새로 로드되지 않고 댓글 영역 부분만 업데이트되어 새로 작성한 댓글이 적용되는 방식이다 그렇다면, 동기 통신이란? 쉽게 말해 페이지가 전체로 리로딩되는 것.. 2024. 1. 17. [jQuery] - ajax 완전 정복 먼저 예시코드 2가지를 살펴보고, 하나씩 자세히 뜯어보자 ajax 예시 코드 1 $.ajax({ url: 요청을 보낼 URL(ex: "comment/writeComment.do"), type: 요청을 보내는 방식(ex: "GET", "POST", "DELETE", "PUT"), data: 보내는 데이터 형식(ex: formData), // controller의 consume dataType: 받는 데이터 형식(ex: "json"), // controller의 produces // 기타 설정 async: false // 동기 처리 여부(default: true), contentType: 서버로 보내는 데이터의 MIME 타입 (ex: "application/x-www-form-urlencoded; chars.. 2023. 12. 5. 도대체 "==" 는 "===" 이랑 뭐가 다른거야? (JavaScript, Type Coercion, NaN) 자바스크립트에서 "==" 와 "==="는 어떤 차이가 있을까? 코드부터 살펴보자 22번 줄은 true, 23번 줄은 false가 산출된다 이유가 뭘까? console.log 로 typeof 를 출력해 보면 0 은 number 타입, "0" 은 string 타입 그렇다면 "==" 와 "===" 는 명백히 다르다는 것은 알겠는데, 도대체 뭐가 다른 걸까? 코드를 하나만 더 살펴보자 11번 줄은 true, 13번 줄은 false... 마찬가지로 console.log 로 typeof 를 찍어보면 0 은 number 타입, "false" 는 boolean 타입이라고 나온다 위 코드들을 바탕으로 유추해 보자면 "==" 는 단순히 두 변수의 값을 비교하고, "===" 는 두 변수의 값뿐만 아니라 자료형을 비교하는 느.. 2023. 11. 1. 이전 1 다음 728x90 반응형
