1. 전역 공간에서의 this   1) 브라우저 환경에 this      - 전역 공간에서 this 는 window 이다.console.log(this) // window 객체console.log(window) // window 객체console.log(this === window) //ture    2) node.js 환경에 this      - 코어 자바스크립트에서는 node.js 환경에서 this 는 global 이라고 나와있는데,         vscode 의 node.js 환경에서 실행 시 전역에서의 this 가 {} 로 출력이 되었다.       - 검색 결과 vscode 의 node.js 환경에서의 전역은  module.experts 이라고 한다.console.log(this) // {}co..

bind 메서드는 JavaScript의 함수 메서드 중 하나로, 특정 객체를 this로 영구적으로 바인딩한 새로운 함수를 반환합니다.📌 bind()의 주요 특징원본 함수는 변경되지 않고, 새로운 함수를 반환합니다.첫 번째 인자로 this로 사용할 객체를 지정할 수 있습니다.이후 추가적인 인자를 넘기면 해당 인자들이 기본값으로 설정됩니다.✅ bind() 기본 예제자바스크립트const person = { name: "철수", greet: function () { console.log(`안녕하세요, 저는 ${this.name}입니다.`); },};const sayHello = person.greet.bind(person); // person 객체를 this로 바인딩sayHello(); // "안녕..

객체는 인덱스 번호가 아니라 property name 으로 여러 값들을 구분 일반 적인 방법으로는 2줄로 변수를 선언property name 과 변수 명이 동일 하면 Destructuring 문법으로 1줄로 변수 선언  가능. const carBrand = { EQE: "Benz", i7: "BMW", IONIQ9: "Hyundai", EquinoxEV: "Chevrolet", ZOE: "RENAULT", ModelX: "TESLA", TaycanEV: "Porsche", etron: "Audi", }; // 일반적인 방법으로 객체의 프로퍼티 값으로 대입 //const..

배열의 각 값을 변수 할당 배열의 각 값을 변수 선언 시 인덱싱 번호를 활용해서 각 변수에 할당 7번의 변수 선언이 필요 const carBrand = [ "Benz", "BMW", "Hyundai", "Chevrolet", "RENAULT", "TESLA", "Porsche", "Audi", ]; const EQE = carBrand[0]const i7 = carBrand[1]const IONIQ9 = carBrand[2]const EquinoxEV = carBrand[3] . . . . // 변수 ..

1. 이벤트란 1) 클릭이벤트  2) 키다운이벤트 3) 제출 이벤트 : 폼의 내용을 제출        외 다수              .             .             .2. 이벤트 핸들러 함수 작성 시 유의점  함수 대입 시 괄호는 생략 한다.   함수를 호출하는 것과   함수를 이벤트 핸들러로 대입하는 것은 다름.  함수 표현식 방식선호되는 방식 const handleClick= function(){ alert("환영합니다") } const button = document.querySelector("button") button.onclick = handleClick // handleClick()이벤트 핸들러 함수는 괄호는 생략한다  const button = document.que..