비동기식

[Javascript] AJAX란 무엇인가?

2023.07.12

AJAX 란? AJAX (Asynchronous Javascript And Xml)은 비동기식 자바스크립트와 xml라는 의미로 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능이다. 브라우저가 가지고 있는 XMLHttpRequest객체를 이용하여 전체 페이지를 새로고침없이 페이지의 일부만을 위한 데이터를 로드하는 기법이다. 💡 동기 통신 vs 비동기 통신 동기 통신 : 웹 페이지를 새로고침하면서 데이터를 불러오는 방식 성능 저하 (사용자의 무한 대기 가능성有) 응답의 실체는 html 문서 👉 html 문서를 재랜더링 비동기 통신 : 웹 페이지를 새로고침 하지 않고도 데이터를 불러오는 방식 성능 향상 응답의 실체는 JSON 👉 html이 아니기 때문에 재랜더링 X ..

Language/JavaScript

[Javascript] 즉시실행함수와 콜백함수

2023.07.07

즉시실행 함수 (IIFE) 즉시실행함수(IIFE, Immediately Invoked Function Expresstion)는 함수를 정의하면서 동시에 호출한다. 자바스크립트의 프레임워크에서 주로 사용한다. // 이름이 없는 익명 함수를 만들자 마자 바로 호출 (function() { console.log("hello"); }()); // arrow 함수로도 가능 (() => { console.log("hello"); })(); 필요없는 전역 변수의 생성을 줄일 수 있다. 또한 즉시 실행 함수는 외부에서 접근할 수 없는 자체 scope를 생성한다. 내부 변수를 외부로부터 보호해 private하게 보호할 수 있다는 장점이 있다. 또한 초기화 코드나 모듈화 패턴을 만들 때 유용하게 사용된다. 즉, IIFE ..

[Javascript] AJAX란 무엇인가?

[Javascript] 즉시실행함수와 콜백함수

티스토리툴바