# this
생성자(constructor)
생성자는 인스턴스가 생성될 때 호출되는 '인스턴스 초기화 메서드'이다.인스턴스 변수의 초기화 작업이나, 인스턴스 생성 시 실행되어야 할 작업을 위해 사용 됨생성자도 오버로딩 가능하나의 클래스에 여러개의 생성자 존재 가능생성자의 조건생성자의 이름은 클래스의 이름과 같아야
OOP | JavaScript
객체지향프로그램(OOP) 하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 한 객체(인스턴스)를 만드는 프로그래밍 패턴 인스턴스(instance) 청사진(클래스)를 바탕으로 한 객체 클래스의 고유한 속성, 메소드 갖음 클래스(Class) 청사진 new
TIR. 객체지향 프로그래밍
객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍(imperative programming)의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체(object)의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. 이는 실세계의 실체(사물이나 개념)를 인식하는 철학적 사고를 프로그래밍에 접목하려...
자바스크립트 this
인프런 이재승님 강의를 보고 메모를 했습니다.this 는 counter 객체를 가리키게 된다. 즉 , counter.value 와 counter.add 가 되겠죠 역시 마찬가지로 ,0 과 5 출력이 됩니다. 하지만 다른점이 하나있다.add 메소드를 변수로 할당을 하고,
[ JavaScript ] this 키워드에 대하여
자바스크립트의 함수 바디에는 특별한 읽기 전용 값인 this가 존재합니다. this에 대해 다룹니다. (새 변수에 할당, 중첩함수, 화살표 함수)
PHP - 2021-06-02
class 에서 $this를 반환하면 체이닝이 가능하더라.잘 써먹어 봐야지ex) $computer = $factory->build()->getInstance();
this 키워드
this 음.. 정리해보자 단독으로 this를 호출 한 경우는 global object를 가리킴 - window{...} 함수 안에서 호출 한 this는
[react] 노마드코더 영화웹서비스 제작 3.3 Movie 컴포넌트 계획하기
이론적으로 우리가 할 일은 componentDidMount에서 데이터를 fetch하는 것이다.6초 뒤에 We are ready를 보여주는게 아니라 movie 데이터를 보여주는 것!API로부터 data fetching이 완료되면 We are ready 대신에 movie를
생성자 함수, 프로토타입
아래 내용은 학원 수업과 "모던자바스크립트 Deep Dive : 이웅모 저"를 읽고 정리한 내용입니다. 1. 생성자 함수에 의한 객체 생성 객체를 생성하기 위해서 가장 많이 사용하는 방법은 객체 리터럴을 사용하는 것이다. 하지만 이 방법은 치명적인 단점이 존재하는데
TIL 07 - this
this 함수가 호출되는 시점에 this 값이 결정된다. 이 this의 값은 "함수가 호출되었을때 속해있던 객체의 참조"이다 함수를 jung.sayHello라는 이름으로 참조해서 실행하고 있다. jung.sayHollo가 속한 객체는 jung이다. 즉, sayHel
객체 지향 프로그래밍
객체 이해 (메서드 활용) > 객체 서로 연관된 변수와 함수를 그루핑하고 이름을 붙인 것 메서드(내장 객체) 중 하나인 Math를 살펴보면 위의 특징을 알 수 있다. Math.PI 객체 Math 안에서 프로퍼티 키가 변수(재할당 불가한 상수) 원주율 PI인 값에 접근하여 해당 값을 반환한다. Math.round() 객체 Math 안에서 프로퍼티 키가 ...
[자바스크립트] This is this - this편
자바스크립트의 This > JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작합니다. 또한 엄격 모드와 비엄격 모드에서도 일부 차이가 있습니다. 대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정됩니다. ... 함수를 어떻게
[모던JS: Core] 객체: 기본 (2)
본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되
[Udemy] 8. this, Dynamic Scope, 메서드 내부 this의 객체 바인딩
this의 호출방식의 근간이 되는 Dynamic Scope란? 객체의 메서드 내부에 있는 this가 자신이 속한 상위스코프 객체를 가리키게하는 우회방법 3가지 ( 화살표함수, bind, self 변수)
📆 교내 학생 상담 신청 페이지
오직 Javascript를 이용해 교내 학생 상담 신청 페이지를 만들었다.방식은 교수 - 내용 - 날짜 - 시간 - 확인 메일 작성 순으로 모든 항목을 선택하면 확인 버튼을 누를 수 있다. 교수에 따라 수업 시간 외에 상담 신청이 가능하도록 만들었고, 공휴일과 주말은
#TIL19, React | this와 bind()
개인 공부를 위해 작성했습니다State & Event에 대해 공부하던 중, this와 bind의 개념을 정립하고자 기록해본다.객체지향 언어에서의 일반적인 this는 현재 객체를 지칭하지만, js의 this는 실행할 때의 context를 의미함class component
기술 면접에서 받은 질문 (1) - JavaScript
요 근래 몇몇 크고 작은 회사에서 기술 면접을 봤다. 받았던 기술 관련 질문들을 정리해 보았다. 이 글에는 Vanilla JavaScript에 관련된 내용만 정리했다. React, 그 외 기타 프론트엔드에 관련된 질문은 다음 글에서 정리한다.