밀 종합 ٩(`╹ω╹´)و

프로퍼티 설명 prototype - 모든 함수는 prototype 프로퍼티를 갖는다. - 함수의 prototype은 constructor 프로퍼티 하나만 있는 객체를 가리킨다. - constructor은 함수 자신을 가리킨다. function Rabbit(){ // prototype = {constructor: Rabbit}; } 프로퍼티 설명 [[Prototype]] - 객체는 명세서에서 명명한 [[Prototype]]이라는 숨김 프로퍼티를 갖는다. - 생성자 함수로 만든 객체인 경우, 생성자 함수의 prototype 프로퍼티에 연결된 객체의 값을 [[Prototype]]에 연결한다. let animal = { eats: true }; function Rabbit(name) { this.name = n..

종류 설명 내장 객체 - 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의되어 있다. - 이런 객체를 '내장 객체(Built-in Object)라고 한다. *window, Math, Date 등 DOM(문서 객체 모델) 객체를 사용해 웹 문서를 관리하는 방식 BOM(브라우저 객체 모델) 웹 브라우저의 주소 표시줄이나 창 크기 등 웹 브라우저 정보를 객체로 다루는 것 사용자 정의 객체 사용자가 필요할 때마다 자신의 객체를 정의해서 사용할 수 있다. [공부 좌표] 웹 프로그래밍을 위한 자바스크립트 기본편 P156~157

배열 앞에 무언가를 해주는 메서드 명령어 설명 shift 배열 앞 요소를 제거하고, 제거한 요소를 반환한다. unshift 배열 앞에 요소를 추가한다. let fruits = ['사과', '배', '딸기']; fruits.shift(); //'사과' fruits.unshift('사과'); //3 배열 끝에 무언가를 해주는 메서드 명령어 설명 pop 배열 끝 요소를 제거하고, 제거한 요소를 반환한다. push 배열 끝에 요소를 추가한다. let fruits = ['사과', '배', '딸기']; fruits.push('토마토'); //4 fruits.pop(); //'토마토' *push와 pop은 빠르지만 shift와 unshift는 느리다. [공부 좌표] 배열

Node 생성하기 메서드 설명 Document.createElement(tagName) 지정한 tagName의 HTML 요소를 만들어 반환한다. Document.createTextNode(data); - 새 텍스트 노드를 만든다. - 문자열은 이스케이프 처리된다. *생성한 Node를 다른 곳으로 옮길 때, 기존에 있던 Node를 지울 필요가 없다. 모든 Node 삽입 메서드는 자동으로 기존에 있던 Node를 삭제하고, 새로운 곳으로 Node를 옮기기 때문이다. *이스케이브 처리가 된다? 사용한 문자열이 HTML이 아닌 문자열로 처리 돼, 태그처리가 안되는 것 document.body.textContent = 'textContent'; // 문자열 그대로 출력 ---- 이스케이프 처리 됨 document...

var htmlImageElement = new Image(width, height); - Image() 생성자는 새 HTMLImageElement 인스턴스를 만든다. - document.createElement ('img')와 기능적으로 동일하다. - width, height 값은 생략 가능하다. - 값을 하나만 작성하면, width 값이 되고, height 값은 auto가 된다. See the Pen [JS] image() by mill (@millfeel) on CodePen. [공부 좌표] MDN

- 전역 변수: 전체 영역에서 사용할 수 있다. - 지역 변수: block문 안에서만 사용할 수 있다. 전역 변수를 함수 안에서 수정했을 경우 변수를 수정한 함수를 호출해야만 변수의 값이 수정된다. See the Pen [JS] 함수 - 전역 변수, 지역 변수 예제1 by mill (@millfeel) on CodePen. [주의] 전역 변수를 load 이벤트 함수 안에서 수정했을 경우 load 이벤트 또한 함수를 호출해야만 변수의 값이 수정된다. See the Pen [JS] 함수 - 전역 변수, 지역 변수 예제2 by mill (@millfeel) on CodePen. [공부 좌표] 지역변수, 외부(전역)변수 [학습 필요] 렉시컬 환경

console.time()과 console.timeEnd는 하나의 세트로 묶어서 사용한다. console.time() console.time(label); - 타이머를 시작해 작업이 얼마나 걸리는지 추적할 수 있다. - 한 페이지에 최대 10,000개의 타이머를 설정할 수 있다. - label: 새 타이머에게 설정할 이름. 타이머를 식별한다. 같은 이름으로 console.timeEnd()를 호출하면 타이머가 중단되고 콘솔에 시간을 출력한다. console.timeEnd() console.timeEnd(label); - 이전에 console.time()을 호출하여 시작된 타이머를 중지하고, 웹 콘솔에 경과 시간을 밀리초 단위로 표시한다. - label: 중지할 타이머의 이름. console.time()를 ..

문자열에서 숫자를 추출할 때 사용 속성 설명 parseInt 정수를 반환 parseFloat 부동 소수점 숫자를 반환 *integer: 정수 *floating point: 부동 소수 parseInt('100px'); //100 parseFloat('1.5em'); //1.5 parseInt('1.5em'); //1 parseFloat('12c3'); //12 [공부 좌표] parseInt와 parseFloat

id 추가하는 방법 // 01 document.body.setAttribute('id', 'id 이름'); // 02 document.body.id('id 이름'); id 삭제하는 방법 document.body.removeAttribute('id', 'id 이름'); [공부 좌표] Element.id Element. Attribute() 메서드

load 스타일 시트, 이미지와 같은 모든 종속 리소스를 포함하여 전체 페이지가 로드되면 시작된다. DOMContentLoaded 스타일 시트, 이미지, 하위 프레임의 로딩은 기다리지 않고, 초기 HTML 문서를 완전히 불러오고 분석했을 때 발생한다. 즉, DomContentLoaded가 load보다 좀 더 빠르다. [공부 좌표] DOMContentLoaded load