비전공자 공부일기/:: WEB & Front-End
-
[JavaScript] HTML DOM 객체 (Document Object Model)비전공자 공부일기/:: WEB & Front-End 2020. 6. 21. 00:51
저번 글로 자바스크립트의 객체 모델 두 가지 (DOM, BOM)에 대해 간략히 알아보는 글을 올렸었다. ▼ [JavaScript] 자바스크립트의 객체 모델 DOM, BOM 자바스크립트에서 BOM, DOM이라는 개념은 무척 중요한 개념이다. 이전에 국비 과정에서도 배운 적이 있으나, 사실 그 때는 제대로 이해하지 못한 개념이었다. 그런데 '객체'라는 개념을 좀 더 탄탄 codingwanee.tistory.com 저번글 핵심요약 BOM 객체: 브라우저 창에 대한 객체 / BOM 객체의 최상위 객체는 window 객체 DOM 객체: 브라우저 안에 출력될 HTML 창에 대한 객체 / DOM 트리의 루트는 document 객체 이번에는 DOM 객체에 대해 더 자세히 알아보는 글을 쓰겠다. DOM 객체의 구성요소 ..
-
[JavaScript] 콜백함수 Callback Function비전공자 공부일기/:: WEB & Front-End 2020. 6. 20. 14:44
* 콜백함수 Callback Function 자바스크립트에서는 매개변수로 함수를 받거나, 리턴타입으로 함수를 반환할 수 있다. 매개변수로 함수를 넘기는 방식으로 콜백함수가 있다. 다르게 얘기하면 어떤어떤 함수를 호출한 뒤에 그 함수 안에서 다른 호출을 호출하는 행위, 그런데 그 함수가 고정된 형태가 아닌 방식이라고 생각할 수도 있다. 만약 이 때 함수를 익명함수로 정의하면 그때그때 필요한 내용으로 써먹을 수도 있다. //////////////////////// 함수호출부 //////////////////////// callbackFunc(temp); callbackFunc(testFunction()); callbackFunc(); // 그 함수를 호출할 때마다 내용부를 다르게 쓸 수 있다. // 어떤 기..
-
[JavaScript] 자바스크립트의 클래스비전공자 공부일기/:: WEB & Front-End 2020. 6. 19. 17:50
자바를 배워 본 사람이라면 '클래스'라는 개념을 알 것이다. 처음에는 그저 코드가 실행되는 한 파일 단위라고 생각하다가, 객체지향을 배우게 되면서 클래스라는 개념이 빛을 발하게 된다. 함수가 특정 기능을 하는 변수와 구문을 감싸는 것이라면 클래스는 연관있는 변수와 함수를 감싸는 기능을 한다. 그런데 자바스크립트는 클래스 기반이 아닌 '프로토타입 기반'의 언어이다. 따라서 이전에는 자바스크립트에서 객체의 개념의 희박했지만, ECMAscript5 이후로 '클래스'라는 개념이 도입되게 되었다. 그러나 자바스크립트의 클래스는 자바의 클래스와는 조금 다르다. 자바스크립트에서 클래스란, 생성자 함수를 뜻한다!!! 다시말하면, 자바스크립트는 내부적으로는 모두 함수로 이루어져 있다. 그런데 많은 변수와 함수들을 묶은 ..
-
-
[JavaScript] 자바스크립트의 객체 모델 DOM, BOM비전공자 공부일기/:: WEB & Front-End 2020. 6. 19. 10:52
자바스크립트에서 BOM, DOM이라는 개념은 무척 중요한 개념이다. 이전에 국비 과정에서도 배운 적이 있으나, 사실 그 때는 제대로 이해하지 못한 개념이었다. 그런데 '객체'라는 개념을 좀 더 탄탄히 한 후에 다시 보니 이제야 얼추 감이 온다. 어떤 코드가 DOM에 해당되느냐, BOM에 해당되느냐에 따라서 문서와 브라우저가 각기 주도권을 주고받는 과정이 달라져 코드 실행결과가 예상과 달라지기도 한다. 브라우저 객체 모델 BOM (Browser Object Model) 브라우저 객체 모델이란, 말 그대로 브라우저에 대한 모든 내용을 담고있는 객체이다. 브라우저에 관한 정보를 제공하거나 브라우저의 모양을 제어하도록 제공되는 객체들이다. 대표적으로 아래와 같은 객체들이 존재한다. (이보다 훨씬훨씬 많음) - ..
-
-
-
-
-
[JavaScript] 호이스팅(Hoisting)과 var, let, const 변수비전공자 공부일기/:: WEB & Front-End 2020. 6. 16. 13:49
탬플릿 리터럴 백틱(backtick)이란 키보드 숫자키 맨 왼쪽에 있는 ( ` ) 기호를 말한다. 자바스크립트에서는 이 백틱기호를 이용해 문자열을 표현할 수 있는데, 다음과 같은 이점이 있다. 1. 줄바꿈을 쉽게 할 수 있다. -- ` ` 내에서 줄바꿈을 하면 그대로 표현된다. 2. 문자열 내부에 표현식을 포함할 수 있다. -- ${ 표현식 }(달러 브레이슬릿) 형태로 표현식 표현 가능 자바스크립트의 호이스팅(Hoisting) var 변수는 '호이스팅'이라는 현상이 일어난다. 호이스팅이란, 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효범위의 최상단에 선언하는 것을 말한다. ECMA 6부터 새로 도입된 let, const 변수선언문은 호이스팅 현상이 일어나지 않는다. https://gmlwjd9..