IT/JavaScript27 자바스크립트 개념 객체 자바스크립트에서 boolean, number, string의 기본 데이터 타입과 null, undefined를 제외한 나머지는 모두 객체이며 null과 undefined를 제외한 나머지 타입은 객체처럼 다룰 수 있다는 특징이 있다. 자바스크립트에서 객체는 단순히 key:value 형태의 프로퍼티들을 저장하는 컨테이너이며 Hash 자료구조와 유사하다. 기본타입의 객체는 하나의 값만을 가지는데 비해 참조타입 객체는 여러 프로퍼티를 포함할 수 있으며 기본 타입의 값을 포함하거나 다른 객체를 가리킬수도 있다. 객체의 프로퍼티는 함수로 포함될 수 있으며 이러한 프로퍼티를 메서드라 한다. 객체 생성 3가지 방법 Object() : const temp = new Object() 의 방식으로 생성 객체 리터럴 :.. 2020. 6. 2. 용어정리 1. DOM과 마크업(Markup)의 차이 - DOM : HTML뿐 아니라 XML도 포함되며 파싱해서 생성되는 객체를 모델로 하여 document에 접근 가능한 API를 말한다. - 마크업 : 단순한 규칙에따라 태그, 속성값으로 이루어진 언어 2. 렌더링이란(rendering) - 일반적인 렌더링은 HTML을 해석하여 모니터에 표시해주는 것을 말한다. - React의 경우 데이터를 HTML로 전환하여 rederer에게 전달해주는 것을 말한다. 3. 셀렉터란(Selector) - name id class tag 등 선택하는 것 4. 요소란(Element) - HTML문서나 웹페이지를 이루는 개별적인 요소이며 DOM으로 파싱되는 것을 말한다. 5. 객체(Object)와 배열(Array)이란 - 객체 : 관련.. 2020. 4. 28. Closure 클로져함수의 사용 이유 전역변수로 선언하면 변수이름이 충돌될 수 있고, 외부에서 접근못하게 값을 보호할 필요가 있음. var cnt = 0; //전역변수라 변수이름 충돌가능성. 외부에서 접근 가능. 값의 보호가 필요하다. function increseCnt() { cnt++; } increaseCnt(); increaseCnt(); increaseCnt(); console.log(cnt); //3 지역변수로 선언시, 변수가 보호되지만 매번 0으로 초기화된다. function increaseCnt() { var cnt2=0; //지역변수. 범위(스코프)는 좁아졌으나 매번 0으로 초기화된다 cnt2++; console.log(cnt2); } increaseCnt(); increaseCnt(); increas.. 2019. 6. 14. 체크박스, 리스트 이동버튼 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 Document 전체 야구 축구 배구 농구 window.onload = function () { //1. 태그에대한 참조를 얻는다. let inputArr = document.getElementsByTagName('input'); let ta = document.getElementById('ta'); //이벤트를 등록한다 for (let i = 0; i 2019. 6. 13. 이전 1 2 3 4 5 6 7 다음