\(@^0^@)/

🤔 다른 언어와의 차이점? console.log('a'); setTimeout(function(){console.log('b')}, 1000); console.log('c'); JS를 제외한 보통의 다른 언어들은 위에서부터 아래로 한 줄 한 줄 실행을 하여 위와 같은 코드를 작동시킨다고 하면, a -> (1초 쉬고) b -> c 이런식으로 작동이 된다. 하지만, JS는 다르다. setTimeout 함수를 사용하는 경우 다른 코드들을 다 실행시킨 후, setTimeout 함수에 관한 코드만 1초(혹은 그 이상) 뒤에 작동이 된다. 왜 이렇게 동작하는지 알아보자! ✨ JS 동작원리 1. 코드를 작성하면 STACK이라는 곳에서 위에서부터 아래로 순서대로 실행되는데, 2. Ajax 요청 코드, 이벤트 리스너, ..

jQuery를 몇 달 전에 한번 정도 배운 것도 아니고 사용해본 적? 이 있는 것 같은데, 오늘 코딩애플 JS 유튜브 보다가 살짝 맛만 본 것을 대충 정리하고 넘어가 보자! 🧐 jQuery란? 엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리 🧐 jQuery 설치방법 jQuery 직접 설치 jQuery 홈페이지 접속 Download jQuery를 클릭 다운로드(Download the comporessed...) 다운로드한 파일을 사이에 불러오기 // 사용예시 jQuery CDN 설치 구글에 jQuery cdn 검색 http://code.jquery.com/ 여러 버전들 중 하나를 복붙 해서, body 태그 끝나기 전에 코드를 넣..

✨ DocumentFragment 노드를 생성해서 사용하면 라이브 DOM 트리 외부에 경량화된 문서 DOM를 만들 수 있음. 프래그먼트에 대한 변경 사항은 문서에 영향을 미치지 않거나, (리플로우 시 에도) 변경 시 성능에 영향을 주지 않음. 정리하면, 라이브 DOM 트리처럼 작동하되, 메모리상에서만 존재하는 빈 문서 템플릿으로 생각하면 됨. DOM 트리의 일부가 아닌 DOM 객체 일반적인 사용 사례 문서를 만들고 문서에 요소를 추가한 다음 DOM 트리에 문서 조각을 추가하는 것. DOM 트리에서 문서 조각은 모든 자식으로 대체됩니다. 문서 조각이 메모리에 있고 기본 DOM 트리의 일부가 아니므로 여기에 자식을 추가해도 페이지가 발생하지 않는다. ✨ Document.createDocumentFragmen..