본문 바로가기

부트캠프교육중301

[DOM] DOM이란? DOM (document object model) html요소를 javascript object처럼 조작할수 있는 model이다 #html에 javaScript를 적용하기 위해서는 태그를 이용한다. 요소는 등장과 함께 실행되기때문에 보통 태그 직전에 삽입한다.!! 태그는 html페이지 어디에나 삽입할수 있다. 이를 태그에 삽입할경우 가 로딩되기 전에 자바스크립트가 실행된다. 그래서 보통은 태그 직전에 자바스크립트를 삽입합니다. 이는 html문서가 모두 로딩된 다음 Dom을 통해 보다 안전하게 이와 상호작용할수있기때문이다. #자바스크립트에서 DOM은 document객체에 구현되어있습니다. #DOM구조를 조회할때에는 console.dir이 유용하다. console.dir은 console.log와 달리 DOM.. 2023. 1. 6.
[JavaScript] default parameter default parameter (기본 매개변수) 전달인자가 없을때, 기본값으로 할당하는 매개변수이다. 함수에 전달된 파라미터의 값이 undefined이거나 전달된 값이 없을때, 초기화 설정된 값을말한다. function defaultParameter(num = 5) { return num; } defaultParameter() // 5 defaultParameter(10) // 10 2023. 1. 4.
[JavaScript] 화살표함수 const add = function (x, y) { return x + y } const add = (x, y) => { return x + y } 두가지는 같은 의미이다. function키워드를 생략하고 화살표 =>를 붙인다. 2023. 1. 4.
[JavaScript] const # const로 선언된 객체의 경우, 속성을 추가하거나 삭제할수있다. const obj = { x: 1 }; // -> obj ={x:1} delete obj.x; // -> obj = {} const megalomaniac = { mastermind: 'Agent Smith', henchman: 'Agent Smith' }; megalomaniac.secretary = 'Agent Smith'; -> megalomaniac = { mastermind: 'Agent Smith', henchman: 'Agent Smith', secretary: 'Agent Smith'}; # const는 재할당이 금지된다. 하지만 할당된 객체의 내용은 변경할수 있다.(프로퍼티의 추가, 삭제, 프로퍼티 값의 변경) 객체의 .. 2023. 1. 4.

티스토리툴바