조건문 특정 조건 만족 시(참인 경우) 실행하는 명령의 집합 이며, 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문이다. If-else If-else는 조건문이다. 조건에 따라 수행할 내용을 쓸 때 사용한다. 사용방법은 아래와 같다. if(10 > 5){ console.log("Hi"); }else{ console.log("ho"); } 조건식이 true일 경우 Hi, false 일 경우 Ho를 출력한다. 자바스크립트에서 같다와 같지않다의 표현 JS에서 조건문을 사용할 때 '같다'는 ===이고 '같지 않다'는 !== 이다. && 와 || &&는 and를 의미. 조건을 모두 충족할 때 ||는 or을 의미. 조건 중 하나를 충족할 때
Events Events란 웹사이트에서 발생하는 모든것들을 일컫는말 이다. 예를 들어 click,resize,submit,inputchange등등을 말할수있다.그리고 JavaScript는 이 이벤트를 중간에 가로챌 수 있다. 예시 1. 윈도우 창의 Resize 이벤트 function handleResize(){ console.log("I have been resized"); } window.addEventListener("resize", handleResize()); // handleResize 함수 자동 호출 window.addEventListener("resize", handleResize); // 원할 때 handleResize 호출 (resize event가 발생할 때)
DOM with JS [index.html] This works! [index.js] const title = document.getElementById("title"); title.innerHTML = "Hi from js"; // title의 내용이 바뀐다. console.dir(title); console.dir(title); console.dir(title); 를 입력하면 title객체의 property를 전부 확인 할수있다.
DOM Functions? 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. JavaScript는 HTML에 있는 모든 요소를 가지고 와서 객체로 만든다. 따라서 모든 HTML은 객체가 되는 것이다. 객체는 많은 키를 가지고 있다. 우리가 찾게 될 모든 객체들의 함수를 DOM(Document Object Module) 형태로 변경할 수 있다. 예를 들어보자. [index.html] This works! [index.js] const title = document.getElementById("title"); title.innerHTML = "Hi from js"; // title의 내용이 바뀐다. title.style.c..
함수란 ? 함수(function)란 하나의 특별한 목적의 작업을 수행하기 위해 독립적으로 설계된 코드의 집합으로 정의할 수 있습니다. 대표적인 내장 함수 (console.log) console.log(console)한 결과. 이 때 console은 Object이고, log는 함수이다. t { log: [Function], error: [Function], info: [Function], warn: [Function], dir: [Function], time: [Function], timeEnd: [Function], trace: [Function], assert: [Function], clear: [Function], stdout: { [Function] clear: [Function] }, _times..
Objects 란? 객체는 영어로 Object를 뜻하며 사물 또는 하나의 물건의 의미를 가지고 있습니다. 프로그래밍에서 객체 또한 특징을 가진 하나의 사물이라고 볼 수 있습니다. Organizing Data with Object (실제 객체를 만든다) // parkInfo는 Object 이다. const parkInfo = { name: "박준승", age: 30, gender: "male", favSports: ["축구", "야구", "볼링"], // Object와 Array를 같이 사용할수있다 favFoods: [ // 이하 동문 { name: "Kimchi", fatty: true }, { name: "mincho", fatty: false } ] }; console.log(parkInfo); //..