🔎 포커스 이벤트 포커스는 마우스로 a태그 또는 input태그를 클릭하거나 tab키를 누르면 생성됩니다.앞에서 배운 마우스 이벤트는 마우스가 없으면 사용할 수 없습니다.마우스가 없다면 사용자는 키보드만 가지고 웹사이트를 이용해야 합니다.이때 사용자가 키보드만으로 사

🎉 제이쿼리 강제 이벤트 '이벤트가 강제로 발생했다'는 말은 '사용자에 의해' 이벤트가 발생한 것이 아니라'핸들러에 의해' 이벤트가 발생한 것을 의미합니다.즉, 사용자의 동작 없이 이벤트 핸들러가 실행되는 것을 뜻합니다.강제 이벤트는 단독 이벤트 메서드를 사용하거나

🌳 속성 조작 메서드 2\. attr() / removeAttr()attr()메서드는 선택한 요소에 새 속성을 생성하거나 기존의 속성을 변경할 때,또는 요소의 속성값을 불러오고 싶을 때 사용합니다. removeAttr()메서드는 선택한 요소에서 기존의 속성을 삭제할

🌳 컨텐츠 탐색 선택자 컨텐츠 탐색 선택자는 요소 또는 속성의 포함여부에 따라 특정 요소를 선택하는 선택자입니다. 🌳 .is()메서드 is()메서드는 선택한 요소의 상태가 지정한 속성과 일치하면 true,일치하지 않으면 false를 반환하는 메서드입니다.주로 입력

🌳 제이쿼리 배열 관련 메서드 태그를 불러오면 태그들은 모두 배열과 비슷한 공간안에 담기게 됩니다.이 배열안을 순회하면서 특정 기능을 만들고 싶을 때 배열관련 메서드를 사용합니다. 🌻 제이쿼리 배열 관련 메서드 속성 탐색 선택자는 선택한 요소를 기준으로일치하는 속

🥚 제이쿼리 제이쿼리는 자바스크립트를 기반으로 만들어진 라이브러리 언어 입니다.라이브러리 언어란 자바스크립트로 만들어진 다양한 함수들의 집합입니다.\-제이쿼리는 기존 자바스크립트가 가지고 있던 브라우저 호환성 문제를 해결한 언어로특히 문서 객체 호환성을 높인 언어

💡 속성이 있는 노드 추가하기 html 태그에서는 여러가지 속성을 사용하여 웹 요소를 제어합니다.따라서 새로운 요소를 만들면 그와 관련된 속성노드도 만들어서 자식노드로 연결해야 합니다.

💡 도전! 실습 라이트 박스 효과 만들기 앞에서 배운 내용을 토대로 클릭하면 내용의 속성이 바뀌는 라이트 박스 효과를 만들어보겠습니다.✔️ css✔️ html✔️ js 💡 DOM에서 노드 추가 삭제하기 DOM에서 새로운 노드를 만들어 추가하거나 삭제하려면 node

💡 addEventListener()메서드 앞에서 배운 이벤트 핸들러는 한 요소에 하나의 이벤트 핸들러만 연결할 수 있었습니다.하지만 검색창의 돋보기 버튼 처럼 click과 enter 이벤트를 함께 연결해야할 경우addEventListener()메서드를 사용할 수

👻 DOM으로 태그 가져오기 1\. getElementById()메서드html에서 id는 태그의 고유한 이름을 지정할 때 사용합니다.getElementById()메서드를 사용하면 해당 이름을 가지고 있는 태그를 선택해서 가져옵니다.즉, 태그를 하나만 가져오는 것 입

👻 DOM을 이용한 이벤트 처리 HTML 요소에 이벤트 핸들러를 연결해놓으면 태그 속성과 자바스크립트 소스가 섞이게 됩니다.그래서 자바스크립트를 수정하려면 HTML 태그와 속성을 하나씩 찾아보아야 합니다.하지만 DOM을 이용하여 이벤트 핸들러를 처리하면태그와 자바스

🔴 객체 생성자 함수 내장 객체를 생성할 때에는 이미 자바스크립트 엔진에 내장되어 있는객체 생성자 함수를 사용하여 객체를 생성합니다.객체 생성자 함수는 객체를 생성한 후에 그 객체를 반환합니다.객체 생성자 함수는 일종의 빵틀과 비슷합니다.객체의 틀을 하나 만들어두고

🔴 익명 함수 표현식 일반함수정의문의 경우 함수명을 선언하고 그 이름을 사용하여 호출했습니다.이 방법은 함수 이름을 알고 있으면 어디에서나 호출하여 사용할 수 있어 많이 사용합니다.이 밖에도 따로 함수 이름을 지정하지 않고 사용하거나,함수를 호출하지 않고 바로 실행

👻 매개변수 없이 함수의 인수 받아오기 함수 정의문에서 arguments를 사용하면 매개변수를 사용하는 것처럼함수 호출문의 인수를 받아올 수 있습니다.함수 정의문의 매개변수가 없는 상태에서 인수를 전달하여 함수를 호출하면 그 값은 arguments에 배열로 저장됩

👻 const const역시 let과 마찬가지로 변수를 선언할 때 사용하는 예약어입니다.const로 선언한 변수는 상수변수(costant variable)입니다.상수는 프로그래밍 안에서 변하지 않는 값을 의미합니다.즉, 변하지 않는 값을 선언할 때 const를 이

👻 함수(function) 데이터를 저장할 때에는 '변수'를 사용한다. 변수에는 데이터를 저장만 할 수 있고 코드는 저장할 수 없습니다.하지만 함수를 사용하면 코드를 메모리에 저장했다가 필요할 때 마다 호출하여 사용할 수 있습니다.즉, 코드를 저장하고 재사용할 수

⛅ 브라우저 객체에 대해 알아봅시다 자바스크립트를 사용하면 특정한 사이트로 이동하거나 새 탭을 여는 등웹 브라우저와 관련된 다양한 기능과 효과를 만들 수 있습니다.웹 브라우저 창에 문서가 표시되는 순간 사용자는 알 수 없지만브라우저는 html 소스를 한 줄씩 읽으면

👻 수학 객체를 이용하여 묵찌빠 게임을 만들어봅시다! 👨‍👨‍👧‍👧 배열(Array)에 대해 알아봅시다 변수에는 데이터가 오직 한 개만 저장됩니다.하지만 만약 데이터를 여러 개 저장하고 싶다면 배열로 한 번에 묶어 저장할 수 있습니다.배열 안에 데이터를

✈️ 날짜 객체에 대해 알아봅시다 날짜 객체는 날짜나 시간 관련 정보를 제공 받고 싶을 때 사용합니다.날짜 객체 또한 변수 안에 선언할때 new 키워드를 붙이고 뒤에 Date()를 붙입니다.new Date();라고 쓰면 오늘 날짜의 현재 시간 정보가 남습니다.만약

👻 객체에 대해 알아봅시다 자바스크립트는 객체 기반 프로그래밍 언어를 말합니다.즉, 객체 지향 언어라고 합니다.객체를 구성하는 요소로는 속성(property)과 기능(method)로 이루어져 있습니다. 🍀 객체의 종류에 대해 알아봅시다 자바스크립트의 객체는 크