Undefined (미정의 변수) 접근 가능한 스코프에 변수가 선언되었으나 현재 아무런 값도 할당되지 않은 상태. var test; console.log(test); //undefined console.log(typeof test); //undefined 타입이 정의되지 않았음을 알 수 있다. => 면접에서 undefined를 undeclared처럼 설명하고 ㅋㅋ Undeclared (미선언 변수) 접근 가능한 스코프에 변수 선언조차 되어있지 않은 상태. console.log(test2); // 오류를 뱉어낸다. /* Uncaught ReferenceError: test2 is not defined at :1:13 */ // 이것의 타입을 살펴보면 undefined console.log(typeof te..

상속(inheritance) 상속(inheritance)이란 새로운 클래스에서 기존 클래스의 모든 프로퍼티와 메소드를 사용할 수 있는 것을 의미합니다. 상속을 통해 새로운 프로그램의 요구에 맞게 기존 클래스를 수정하여 재사용할 수 있습니다. 또한, 클래스 간의 종속 관계를 형성함으로써 객체의 관계를 조직화할 수 있는 장점이 있습니다. 따라서 이러한 상속은 추상화, 캡슐화와 더불어 객체 지향 프로그래밍을 구성하는 중요한 특징 중 하나가 됩니다. 하지만 C#이나 C++과 같은 클래스 기반(class-based)의 객체 지향 언어와는 달리 자바스크립트는 프로토타입 기반(prototype-based)의 객체 지향 언어입니다. 프로토타입 기반이기 때문에 상속의 개념이 클래스 기반의 객체 지향 언어와는 약간 다릅니..

이제는 콜핵함수를 리턴해주는게 아니라. 각각 path에 따라 엡 페이지를 나타나게 해줄 생각입니다. 우선 해당 웹페이지 컴포넌트를 만들어 봅시다. 추상화 컴포넌트(있는말 아님) c++ virtual처럼 윤곽이 되는 컴포넌트를 만듭니다. ./path/AbstractView.js export default class { constructor(params) { this.params = params; } // 페이지 타이틀 setTitle(title) { document.title = title; } // 뿌려질 Html async getHtml() { return ""; } } ./path/Dashboard.js import AbstractView from "./AbstractView.js"; export d..

바닐라 자바스크립트를 이용하여 spa형태의 웹페이지를 만들어 보려고 한다. 도브라는 유튜브 강의를 참고하여 만들었다. 1. 모든 웹의 근간이 되는 싱글 웹 페이지를 작성한다. 자기소개 http 요청 맛보기 기타 2. 기타 라이브러리 사용을 관리하는 pakage.json 세팅과 경로 지정에 이용할 exprsss 설치 합니다. - npm init -y // npm init 를 할때 생성될때 질문하는 질문에 대해여 모두 yes하겠다는 뜻 - npm install express 3. express.js를 이용하여 서브를 라우팅 할거다. express를 이용하면 url을 통해겨 경로 지정할 수 있다. 이번 페이지 설계에서는 http요쳥을 해서 restapi설계는 하지 않을 거지만 이런식으로 한다는 느낌을 주는 형..

Helper Function (헬퍼 함수) 다른 함수 안에서 특정 기능을 하고 있는 함수를 헬퍼 함수라고 함 function helper(rows, columns) { return rows * columns; } function general(rows, columns){ return monitorCount(rows, columns) * 200; } const totalCost = general(5, 4); console.log(totalCost); general함수 안에 들어있는 helper라는 함수가 헬퍼 함수임

forEach()는 배열을 순회하면서 인자로 전달한 함수를 호출하는 반복문입니다. 배열 뿐만 아니라, Set이나 Map에서도 사용 가능! 1. forEach() 문법 forEach()의 문법은 아래와 같으며, 함수로 value, index, array를 전달할 수 있습니다. arr.forEach(func(value, index, array)) value : 현재 순회 중인 요소 index : 현재 순회 중인 요소의 index array : 배열 객체 예시) 실행 const arr = ['손흥민', '케인', '쿨쿨이', '페리시치']; arr.forEach((item, index, arr) => { console.log("index: " + index + ", item: " + item + ", arr[..