[JS] 즉시 실행 함수 표현식 (IIFE) vs jQuery ready() 메서드(축약형)

IIFE와 jQuery ready() 메서드는 비슷한 구조를 갖고 있다.✨
이 두 방법은 모두 함수 표현식을 활용하여 특정 작업을 수행하며, 코드의 실행 시점을 조절하는 데 도움을 준다.

1️⃣ 즉시 실행 함수 표현식 (IIFE)

* IIFE : Immediately Invoked Function Expression

(function() {
    // 즉시 실행될 코드
})();

// 화살표 함수
(() => {})();

• 즉시 실행: 이 코드는 정의되자마자 즉시 실행됩니다. 페이지가 로드되기 전 또는 DOM이 준비되기 전에도 실행될 수 있습니다.
• 용도: 주로 전역 스코프 오염을 방지하거나, 초기화 코드 등을 실행하는 데 사용됩니다.
• DOM 접근: DOM이 준비되지 않았을 때 실행될 수 있으므로, DOM 요소에 접근하는 코드가 포함될 경우 문제가 발생할 수 있습니다.

2️⃣ jQuery ready() 메서드(축약형)

$(function() { // $(document).ready(function() {
    // DOM이 준비된 후 실행될 코드
});

// 화살표 함수
$(() => {});

• DOM 준비 후 실행: 이 코드는 DOM이 완전히 로드된 후에 실행됩니다. 즉, 모든 HTML 요소가 준비된 후에 getList()가 호출됩니다.
• 용도: DOM이 준비된 후에 DOM 요소에 안전하게 접근하거나 초기화 작업을 수행하는 데 사용됩니다.
• 안전성: DOM이 준비된 후 실행되므로, DOM 요소에 접근할 때 문제가 발생하지 않습니다.