비전공자 공부일기
-
-
-
-
-
[JavaScript] 프로토타입 객체와 prototype, __proto__비전공자 공부일기/:: WEB & Front-End 2020. 6. 22. 15:33
저번 글에서 자바스크립트의 객체 생성방식과 프로토타입에 대해 간단히 알아보았다. ▼ [JavaScript] 자바스크립트의 객체, 프로토타입 자바스크립틍 자바스크립트에서 객체를 생성하는 방법은 다음 3가지가 있다. 1. 기본 객체(Object() 객체)의 생성자 함수를 이용 2. 객체 리터럴을 이용 3. 생성자 함수 이용 1. 기본객체의 생성자 함 codingwanee.tistory.com 저번글 핵심요약 자바스크립트에서 객체를 생성하는 3가지 방식 1. 기본객체의 생성자 함수(Object()) 2. 객체 리터럴 (생성시에 중괄호 안에 속성 부여) 3. 생성자 함수(new) 프로토타입이란? 객체의 원형 프로토타입 기반 언어는 객체의 원형인 프로토타입을 이용해 새로운 객체를 만들어내고, 이 객체는 다시 다른..
-
[JavaScript] 자바스크립트의 객체, 프로토타입비전공자 공부일기/:: WEB & Front-End 2020. 6. 22. 14:32
자바스크립틍 자바스크립트에서 객체를 생성하는 방법은 다음 3가지가 있다. 1. 기본 객체(Object() 객체)의 생성자 함수를 이용 2. 객체 리터럴을 이용 3. 생성자 함수 이용 1. 기본객체의 생성자 함수를 이용 Object 객체를 생성하고, 여기에 새로운 프로퍼티를 추가하는 방법 // Object 형태로 객체 생성 let objSample = new Object() // 객체에 속성과 속성값을 추가 objSample.property1 = 'value1' objSample.property2 = 'value2' objSample.property3 = 'value3' 2. 객체 리터럴을 이용 변수를 생성할 때 중괄호 안에 생성할 객체의 프로퍼티를 정의하면 된다. // 비어있는 객체 생성 let test..
-
[JavaScript] 자바스크립트의 document 객체비전공자 공부일기/:: WEB & Front-End 2020. 6. 21. 02:16
이전 글로 HTML의 DOM 객체에 대한 설명을 적었었다. ▼ [JavaScript] HTML DOM 객체 (Document Object Model) 저번 글로 자바스크립트의 객체 모델 두 가지 (DOM, BOM)에 대해 간략히 알아보는 글을 올렸었다. ▼ [JavaScript] 자바스크립트의 객체 모델 DOM, BOM 자바스크립트에서 BOM, DOM이라는 개념은 무척 중요�� codingwanee.tistory.com 이전 글에서 다룬 바 있지만 다시 정리해본다. document는 DOM 트리의 최상위 객체이다. 브라우저는 HTML 문서를 로드하기 전에 document 객체를 먼저 만든다. 그리고 document 객체를 뿌리로 하는 DOM 트리를 만든다. document 객체의 역할은 아래와 같다. -..
-
[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 이후로 '클래스'라는 개념이 도입되게 되었다. 그러나 자바스크립트의 클래스는 자바의 클래스와는 조금 다르다. 자바스크립트에서 클래스란, 생성자 함수를 뜻한다!!! 다시말하면, 자바스크립트는 내부적으로는 모두 함수로 이루어져 있다. 그런데 많은 변수와 함수들을 묶은 ..