개발세발

이벤트(event) : 사용중이거나 프로그래밍 중인 시스템 내에서 일어나는 사건 ex) 클릭 이벤트(click), 키다운 이벤트(key down/up), 제출 이벤트(submit) 등등 이벤트 핸들러(event handler) : 이벤트가 발생되면 실행될 코드 블록 ➡️ 주로 함수가 이 역할을 담당 따라서, 이벤드 핸들러 등록 = 이벤트 핸들러 역할을 수행할 함수를 정의하는 것 이벤트 핸들러/이벤트 리스너 : 이벤트가 발생하면, 이 함수를 호출해라 이벤트 핸들러 등록 target.addEventListener('click', function(){}) 함수에 소괄호를 붙인다 = 지금 바로 사용한다. 따라서 소괄호가 없다면 이벤트가 실행될 때 함수를 사용한다는 의미 연습 1️⃣) const p = docum..

함수 : 호출될 수 있는 코드 조각 함수를 선언하면 함수의 이름을 코드 조각 대신 사용할 수 있음 1. 함수 선언식 function 함수명 () { // 함수의 기능을 표현한 구문 } 2. 함수 표현식 const codes2 = function () { //함수의 기능을 표현한 구문 }; 함수 호출 시 함수의 이름 뒤에 반드시 소괄호() 를 붙여줘야 함 호출은 원하는만큼 무제한으로 할 수 있다. 선언식은 함수 정의보다 호출문을 먼저 작성할 수 있음 (표현식은 X) 연습 1️⃣ ) //함수 선언식 function codes1() { console.log("Hi"); console.log("Hello"); } //함수 표현식 const codes2 = function () { console.log("oh")..

제어문 프로그램의 동작 흐름을 제어하기 위해 작성하는 구문(코드) (*) 조건 : 불리언 데이터를 반환하거나 불리언 데이터로 해석할 수 있는 표현식 if(조건){ // 조건이 참일 때 실행할 코드 } if(false){ console.log("오랜만에 수업이네"); // false이므로 실행되지 않음 } 연습 1️⃣ let number = 3 if(number === 3 ){ console.log("참입니다!"); } 1. 조건문(선택제어문) : 주어진 조건의 참/거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문 (*)조건 : boolean데이터를 반환하거나 boolean데이터로 해석할 수 있는 표현식 - 주어진 조건에 따라 선택적으로 구문을 실행하므로 실행을 마치고 나면 다음 구문으로 코드가 이..

렌더링 웹브라우저가 HTML 문서를 해석하고, 화면을 통해 해석된 결과를 보여주는 과정 DOM (Document Object Model) : 자바스크립트를 사용해서 웹 콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 키보드 타이핑 등 이벤트에 대한 처리를 정의할 수 있도록 제공되는 프로그래밍 인터페이스(interface) - 렌더링 시 브라우저는 HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 문서(객체)를 생성한다 (DOM) - 브라우저는 DOM 을 통해 화면에 웹 콘텐츠를 렌더링 한다 - DOM에 자바스크립트 기능을 추가하는 것. (*) DOM의 종류 1. Core DOM : 모든 문서 타입을 위한 DOM 모델 2. HTML DOM : HTML 문서를 위한 DOM 모델 3. XML D..