반응형 JavaScript11 11. 이벤트 이벤트란? 웹 브라우저가 알려주는 HTML 요소에 대한 사건을 말합니다. 예시) 어떤 요소 위에 마우스 커서를 올릴 때 키보드에서 키를 누를 때 브라우저 창의 크기를 재조정하거나 닫을 때 웹 페이지가 로딩을 완료할 때 form에서 양식을 제출할 때 오류가 발생했을 때 등.. 이벤트 등록하기 인라인 (Inline) : 이벤트 대상의 HTML 요소에 직접 등록합니다.인라인 프로퍼티 리스너 (Property Listener) : 이벤트 대상이 되는 HTML 요소의 객체에 프로퍼티로 이벤트를 등록합니다.프로퍼티 리스너//Javascriptconst btn1 = document.getElementById('btn1')btn1.onclick = function () { alert('hello');} .. 2024. 7. 23. 10. DOM DOM 이란?Document Object Model 의 약어로 웹 문서를 객체화한 것을 말합니다. 웹 문서(HTML)를 객체화 함으로써 제어할 수 있습니다. HTML 요소 선택하기 get 메서드 document.getElementById : HTML 아이디 명으로 요소를 찾을 수 있습니다. document.getElementsByClassName : HTML 클래스 명으로 요소를 찾을 수 있습니다. document.getElementsByTagName : HTML 태그명으로 요소를 찾을 수 있습니다.프론트엔드 html css javascript//javascriptdocument.getElementById('title');document.getElementsByClassName('item');d.. 2024. 7. 3. 9. 객체 객체(Object) 객체는 연관된 데이터를 담는 그릇입니다. 객체 안의 내용물은 바뀔 수 있지만 본질은 항상 객체입니다.객체는 키(key)와 값(value)으로 구성되어 있습니다.객체가 가지고 있는 값을 프로퍼티(property)라고 하며 함수인 경우 메서드라고 합니다.프로퍼티로는 숫자, 문자, 불리언 등과 같은 타입이 될 수도 있고, 메서드를 가질 수도 있고, 배열, 객체 같은 또 다른 객체를 가질 수 있습니다.// name이 키(key)이며, // '홍길동'가 값(value)이다.const obj = { name: '홍길동', // name 프로퍼티 age: 99, // age 프로퍼티 hello: function() { // hello 메서드 console.log.. 2024. 5. 22. 8. 함수 함수명령문을 하나의 단위로 그룹화한 것을 말합니다.함수를 생성하는 방법에는 함수 선언식과 함수 표현식이 있습니다. 함수 선언식function 키워드, 함수이름( ), 블록{…} 으로 이루어져 있습니다.function sayHello() { console.log("안녕하세요"); console.log("반갑습니다");}sayHello(); 함수 표현식객체인 함수를 변수에 담아 생성할 수 있습니다.함수 표현식으로 선언할 경우 호이스팅의 영향을 받지 않습니다.let sayHello2 = function() { console.log("자바스크립트"); console.log("함수입니다");};sayHello2(); 파라미터 괄호() 안에 파라미터(매개변수)를 선언하여, 함수 호출 시 값을 전달할.. 2024. 5. 15. 7. 반복문 반복문 동일한 코드를 반복하여 실행시키는 명령문으로 for, while, do while이 있습니다. for 문정해진 숫자만큼 반복하려 할 때 사용합니다. 괄호는 초기화 조건식 표현식 순으로 구성 되어있습니다./*1. let i = 0 으로 한번만 초기화2. i while 문 반복 횟수를 알 수 없을 때 사용할 수 있는 반복입니다. 조건문이 true일 때 실행되는 반복문이며 명령문이 실행되기 전에 참, 거짓을 판단합니다.let count = 0;while (count do...whilewhile문과 같이 반복 횟수를 알 수 없을 때 사용할 수 있는 반복문입니다. 조건문이 true일 때 실행되는 반복문이며 while문과 다른 점은 최초 한번은 명령문을 수행합니다.let num = 0;do {.. 2024. 5. 10. 6. 조건문 조건문 조건에 따라 다른 문장을 실행하는 명령문으로 if와 switch가 있습니다. if 문 조건이 참(true)인 경우 명령문을 실행합니다. 조건이 거짓(false)인경우 명령문을 실행합니다. else if(다중조건)을 사용하여, 여러개의 조건문을 작성할 수 있습니다. 논리 연산자에서 배운 값(null, 0, NaN, 빈 문자열(""), undefined)은 거짓(false)로 간주합니다.let condition = false;if (condition) { console.log("참 입니다.");} else { console.log("거짓 입니다.");}let number = 20;if (number == 10) { console.log("조건문1");} else if (number == 20.. 2024. 5. 10. 이전 1 2 다음 반응형