profile
FE Developer 매일 한 걸음씩!
post-thumbnail

프로토타입 체인(prototype chain), DOM과 프로토타입 체인

모든 객체는 생성될 때마다 프로토타입이 함께 자동으로 생성이 된다.그 프로토타입을 통해서 상위 객체의 속성과 메서드를 찾아서 가져올 수 있다.✔️ 프로토타입 체인을 사용해서 객체 지향 프로그래밍의 주요 개념 중 상속을 구현할 수 있다.만약 아래와 같은 클래스 Human

2022년 5월 26일
·
0개의 댓글
·

객체 지향 프로그래밍(Object-oriented Programming)과 주요 개념: 캡슐화, 추상화, 상속, 다형성

데이터와 기능을 한 곳에 묶어서 처리한다.객체 내에는 속성과 메서드가 있다.데이터(속성)과 기능(메서드)를 하나의 객체 안에 넣어서 묶는다. \- 그렇기 때문에 내부 데이터나 기능의 구현은 객체 안에 있어, 외부에 노출시키지 않고 동작하는 코드만 노출시킨다. ⇒ 은닉화

2022년 5월 25일
·
0개의 댓글
·

클래스(Class)와 인스턴스(Instance)

JavaScript 에서 클래스는 객체(object)가 아니라 객체를 만들기 위한 템플릿이다.ES6 에서 클래스를 정의할때 class 키워드를 사용한다.class 안에 생성자 함수가 포함되고, 이 생성자 함수는 리턴값을 만들지 않는다.class 의 이름은 일반 함수와

2022년 5월 25일
·
0개의 댓글
·

고차함수(Higher order function), 콜백함수, 내장 고차 함수

JavaScript에서 함수는 일급객체(first-order citizen)이다.변수에 할당이 가능하다.다른 함수의 전달인자로 전달이 가능하다. 다른 함수의 리턴으로 사용할 수 있다. 함수를 전달인자로 전달 받는 함수 → 콜백 함수함수를 리턴하는 함수 → 커링 함수(참

2022년 5월 24일
·
0개의 댓글
·

[JavaScript] 스코프(Scope)

스코프를 알아보기 전에 함수 선언식과 함수 표현식에 대해 알아보자.function 키워드를 사용해서 함수를 선언한다.함수가 실행되기 위해서는 호출을 해야한다.호이스팅(hoisting) 이 발생한다.변수를 선언해서 함수를 할당한다.이후 코드에서 변수를 사용함으로써 함수

2022년 5월 16일
·
0개의 댓글
·

[JavaScript] 얕은 복사(shallow copy) vs. 깊은 복사(deep copy)

아래의 예시를 활용해 얕은 복사와 깊은 복사에 대해서 알아보자.주소(reference) 를 복사 → 원본 X 와 복사본 Y 의 주소가 같은 메모리 위치를 가리킨다.원본X에 담겨진 것들을 복사해서 Y에 붙여넣기 한다.(중요!) Y에는 X의 주소가 아닌, Y의 주소가

2022년 5월 16일
·
0개의 댓글
·

[JavaScript] 원시 자료형 vs. 참조 자료형 개념 정리 (Primitive data type vs. Reference data type)

JavaScript의 데이터 타입(Data type) 는 크게 두 가지로 분류 된다.1\. 원시 자료형(Primitive data type)2\. 참조 자료형(Reference data type)이 두 가지에 대해서 개념 정리를 해보자.객체가 아니면서 method 를

2022년 5월 12일
·
0개의 댓글
·

변수(Variable)

변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다.JavaScript에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다.=가 "같다"라는 의미가 아니라 할당 연산자임을 이해할 수 있다.크롬 개발자 도구의 console 탭을 이용하여 원하는 값을 출력

2022년 4월 26일
·
0개의 댓글
·

typeof 연산자에 대해

typeof 연산자에 대해 말하기 전에, 먼저 데이터 타입에 대해서 살펴보자.숫자(number)문자열(string)boolean함수compound 등등..typeof 연산자를 활용하면 타입을 확인할 수 있다.e.g. \`\`\`console.log(typeof 1) /

2022년 4월 26일
·
0개의 댓글
·