jQuery 요소 제거 메서드 비교: empty(), remove(), detach()의 동작 차이점 이해하기
메서드별 기능概述
empty() 메서드
empty() 메서드는 선택된 요소의 모든 자식 노드와 텍스트 노드를 제거합니다. 이 메서드는 요소 자체를 삭제하지 않으며, 해당 요소의 내용물만 비웁니다. DOM 명세에 따르면 요소 내부의 텍스트 문자열도 자식 노드로 취급되므로, empty()는 텍스트 노드까지 모두 제거합니다.
remove([selector]) 메서드
remove() 메서드는 선택된 ...
8월 24일 18:08에 게시됨
jQuery를 대체하는 모던 Vanilla JavaScript 구현 가이드
네트워크 요청 (AJAX)
JSON 데이터 가져오기
jQuery의 $.getJSON 기능을 순수 자바스크립트로 구현하는 방법입니다.
// jQuery
$.getJSON('/api/data', function(response) {
console.log(response);
});
// Vanilla JS (IE10+)
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.onreadystatechange = function() {
if (this.readyState ...
6월 16일 17:40에 게시됨
Cypress 기반 E2E 테스트 구축과 실전 문제 해결
테스트 환경 설정
프로젝트에 Cypress를 설치하고 초기 구성하는 과정은 다음과 같습니다. 안정적인 패키지 다운로드를 위해 레지스트리 설정을 먼저 조정합니다.
npm config set registry https://registry.npm.taobao.org
npm install -g cnpm
cnpm install -g pnpm
설치 후 pnpm 명령어를 사용할 수 있도록 시스템 환경 변수에 npm 설치 경로를 추가합니다. 이후 ...
6월 11일 22:28에 게시됨