'시도/국비지원' 카테고리의 글 목록 (9 Page)

본문 바로가기

[D+42] 문서객체 속성, 이벤트 처리 국비지원 D+42 - 문서객체 속성, 이벤트 처리 - 문서객체 속성 • 속성의 조작 - 객체.setAttribute() : 속성을 설정 - 객체.getAttribute() : 속성을 구함 • 글자 조작 - 객체.textContent : 입력된 문자열을 해석 없이 그대로 입력 - 객체.innerHTML : 입력된 문자열을 해석 하여 HTML형식으로 입력 • 스타일의 조작 - CSS에서 스타일 사용시 '-'를 사용할 수 있으나 자바스크립트에서는 사용할 수 없기 때문에 카멜스타일로 스타일을 처리해주어야 한다. - h1.style['background-color'] 형태로 사용해 줄 수도 있다. • 문서 객체의 생성 및 추가 - 문서객체의 생성 : document.createElement() - 문서객체의 추가.. 2022. 11. 18.

[D+41] 이벤트와 메시지, sort의 원리 국비지원 D+41 - 이벤트와 메시지, sort의 원리 - 이벤트와 메시지 • 이벤트 - 이벤트는 상태가 바뀌는 사건을 의미한다. - 웹은 이벤트 덩어리인데 우리가 이벤트가 발생되었다고 순간에 인식하지 못하는 것은 그만큼 컴퓨터 속도가 빠르다는 것을 의미한다. - 이벤트는 발생할때마다 해당되는 메시지가 튀어 나온다. ex) event : 마우스를 움직인다 → message : 마우스를 움직이는 위치에 대한 좌표값 • 메시지 - 이벤트가 발생하면서 나오는 값을 메시지라고 하는데 메시지값을 기반으로 웹이 돌아간다. 예들들어 설명하자면, 만약 A사이트에 있는 3번째 버튼을 클릭하고 싶다. 그래서 마우스를 클릭하면 마우스를 클릭한 이벤트가 발생하게 되고 이벤트가 발생되는 동시에 마우스 좌표값에 대한 메시지가 나.. 2022. 11. 17.

[D+40] 문서-객체 모델 DOM 국비지원 D+40 - 문서-객체 모델 DOM - 웹브라우저는 크게 browsing-system과 정보로 이루어져있다. 브라우징시스템은 항상 존재하기 때문에 사용자가 호출하기만을 기다리고 있다. 정보는 HTML에서는 Document로 구성되어 있는데 문서-객체모델 DOM에 대해서 좀 더 자세히 알아보려고 한다. 문서 객체 모델 DOM • Object Model Object Model은 3가지로 구성되어 있는데 바로 DOM, BOM, JS이다. DOM 자세히 알기전에 우리는 이것들이 어떠한 각자 어떤 역할을 하고있는지와 Object형식으로 이루어져 있다는 것을 알고있어야 이해하기 편하다. • DOM 웹 브라우저는 HTML 페이지에 있는 Element들을 트리형식으로 메모리에 로딩한다. 이때의 각 노드들을 d.. 2022. 11. 16.

[D+39] 스코프, 클로저, JSON 국비지원 D+39 - 스코프, 클로저, JSON - 스코프 - 변수가 유효성을 가지는 범위를 나타내며, 이때의 유효성은 읽거나 쓸 수 있는 것을 나타낸다. - 프로세스 메모리 맵의 구조에 의존적이다. - 선언된 위치에 따라서 스코프가 결정된다. - 같은 이름을 가진 변수가 선언 된 경우 스포크가 겹칠 수 있다. • 스코프의 종류 스코프의 종류는 전역 스코프와 지역스코프로 나뉘는데 전역스코프에서 유효한 영역은 내의 전체이며, 지역스코프에서 유효한 영역은 함수 자신과 그 안에 있는 하위 영역이다. 이때 우리가 기억해야할 것은 전역 스코프와 지역 스코프는 둘이 겹칠수 밖에 없다는 특징을 가지고 있으며, 스코프는 가까운 것이 우선순위를 가진다. var a = 'a'; // 전역 스코프 const func1 = .. 2022. 11. 16.

[D+38] 함수 고급, 객체 국비지원 D+38 - 함수 고급, 객체 - 함수고급 • Arrow 함수 - 화살표함수라고도 불리며 전통적인 함수 표현방식을 간단하게 만든 슈가코드이다. - 화살표함수는 표현방식이지 메소드가 아니다. // 기본 함수 표현방식 const numbers = [ 10, 20, 30, 40, 50]; const newNumbers = numbers.map(function(value, index, array) { return value + 5; }); console.log(newNumbers); // 화살표 함수 표현방식 const numbers = [10, 20, 30, 40, 50]; const newNumbers = numbers.map((value, index, array) => value + 5); con.. 2022. 11. 15.

[D+37] 배열의 for문, 함수의 기본, 콜백함수 국비지원 D+37 - 배열의 for문, 함수의 기본, 콜백함수 - 배열의 for문 const arr = [11, 22, 33, 44, 55]; for(let i = 0; i < arr.length; i++) { console.log(i, arr[i]); } // 0 11 // 1 22 // 2 33 // 3 44 // 4 55 자바스크립트의 for문에서 우리가 기본적으로 알고 있는 for문도 존재하지만 그밖에도 2가지가 더있다. • for in 반복문 - 배열을 한바퀴 다 도는 반복문으로 배열의 index 값을 가져온다. const arr = [11, 22, 33, 44, 55]; for(const index in arr) { console.log(index); } // 0 // 1 // 2 // 3 /.. 2022. 11. 13.

이전 1 ··· 6 7 8 9 10 11 12 ··· 16 다음

티스토리툴바