'javascript' 태그의 글 목록 (3 Page)

본문 바로가기

[D+44] javaScript Class 국비지원 D+44 - javaScript Class - javaScript Class • 클래스의 개념 - ES5에서는 클래스가 없었으며 객체형, 클로저, 생성자, 프로토타입등을 이용해 클래스와 유사한 구조를 만들어 사용했었다. - ES5와 다르게 ES6에서는 완벽한 객체지향의 기능을 제공하는 것은 아니지만 클래스 문법을 직접적으로 지원한다. - object 데이터 타입으로 내부적으로 class는 결국 object 형과 같다. • 클래스 선언 class Student { constructor(name, number, score) { this.name = name; this.number = number; this.score = score; } getTotal() { return this.score.kor .. 2022. 11. 22.

[D+43] JS 예외처리, 생성자, 객체의 생성 방법 국비지원 D+43 - JS 예외처리, 생성자, 객체의 생성 방법 - JS 예외처리 예외라는 것은 문법적으로 이상은 없지만 문제가 발생되는 것을 말한다. Java와는 달리 JavaScript는 웬만하면 결과값을 내보내려는 특징을 가지고 있어 예외처리에는 인색한 편이기때문에 이점을 주의해서 예외처리를 해주면 된다. • 조건문을 사용해 예외처리하기 let h1Elem = document.querySelector('h1'); if(h1Elem === null) { // 방법1) 사용자에게 엘리먼트가 존재하지 않는다고 콘솔로 띄워준다. console.log('[예외발생] 엘리먼트가 존재하지 않습니다.'); // 방법2) element를 직접 만들어준다. h1Elem = document.createElement('.. 2022. 11. 21.

[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.

이전 1 2 3 4 다음

티스토리툴바