this란 무엇이며 왜 쓰는가? this를 왜 쓰는지에 대해서 이해하기 위해서는 먼저 객체에 대해서 다시 한번 생각해 보아야 한다. 객체란 상태를 나타내는 "프로퍼티"와 동작을 나타내는 "메서드"를 하나의 논리적인 단위로 묶는 자료구조이다. 동작을 나타내는 메서드

writed by hanryu1109 1. 자바스크립트 객체의 분류 표준 빌트인 객체 (Native objects or Built-in objects or Global Objects) ECMAScript 사양에 정의된 객체 애플리케이션 전역의 공통 기능을 제공 자바스크립트 실행 환경(브라우저 또는 Node.js 환경과 관계없이 언제나 사용)...

Strict Mode가 무엇인가? 오류를 줄이기 위해 엄격하게 자바스크립트 코드를 작성하도록 허용하는 모드이다. 문법적 오류, 잠재적인 오류에 대해 명시적인 에러를 발생시킨다. Strict Mode에 대한 조언 전역에 strict mode를 적용하지 말자. stri

1️⃣ 객체지향프로그래밍(OOP)에 대해서 자세하게 설명해주세요. OOP는 개발 패러다임 중 하나로, 현실 세계의 개념과 객체를 모델링하여 프로그램을 구축하는 방법이다. 각 객체는 객체 고유의 특징이나 성질을 나타내는 "속성=프로퍼티"과 객체의 기능을 나타내는 "메소드

프로토타입 체인 me 객체의 프로토타입은 Person.prototype이고, Person.prototype의 프로토타입은 Object.prototype이다. 프로토타입의 프로토타입은 언제나 Object.prototype이다. 자바스크립트는 객체의 프로퍼티(메서드

일급 객체 다음 조건을 만족하는 객체를 일급 객체라 한다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. 👉 자바스크

들어가며... 10장 "객체 리터러" 단원에서는 객체 리터럴에 의한 객체 생성 방식에 대해서 살펴보았는데 객체는 객체 리터럴 이외에도 다양한 방법으로 생성할 수 있다. 이번에는 다양한 객체 생성 방식 중에서 생성자 함수를 사용한 객체를 생성하는 방식에 대해서 살펴보겠

자바스크립트의 내부 슬롯(Internal Slot)과 내부 메서드(Internal Method)는 ECMAScript 명세에서 사용되는 개념으로, 엔진이 어떻게 동작하는지를 설명하는 데 사용된다. 이들은 자바스크립트 엔진의 내부 동작 방식을 추상화하여 표현한 것이며,

먼저 호이스팅이란 해당 변수 선언문이 자신의 스코프의 가장 선두로 올라가는 현상을 의미하는데 var는 호이스팅 현상과 함께 undefined로 동시 초기화되어 선언문 이전에 참조가 일어나도 오류가 안나지만 let과 const는 참조오류가 난다. 이것이 마치 호이스팅이

중복 선언 시 초기화 문 유무에 따라 다르게 동작함초기화 문이 있는 변수 선언문은 자바스크립트 엔진에 의해 var 키워드가 없는 것처럼 동작초기화 문이 없는 변수 선언문은 무시된다.var 키워드로 선언한 변수는 중복 선언이 가능var 키워드로 선언한 변수는 오직 함수의

오늘은 전역 변수가 어떤 상황에 위험한지에 대한 부분을 다뤄볼 것인데 가장 먼저는 변수에는 "생명주기"가 있음을 짚고 넘어갈 예정이다.변수에게는 생성되고 소멸되는 생명 주기라는 것이 있다. 이 생명 주기가 없다면 한번 선언된 변수는 프로그램을 종료하지 않는 한 영원히

writed by hanryu1109스코프(유효범위)var 키워드로 선언한 변수와 let 또는 const 키워드로 선언한 변수의 스코프도 다르게 동작한다.스코프는 변수 그리고 함수와 깊은 관련이 있다.ex)함수의 매개변수는 함수 몸체 내부에서만 참조할 수 있고 함수 몸

직접 구현해본 dragndrop 가장 먼저 장바구니가 떠올랐다....드래그앤드랍이란 html5가 제공하는 API의 일종이다. 드래그 드롭은 이벤트 기반으로 작동하게 되는데, 위에 gif처럼 마우스 커서로 객체(object)를 드래그해서 놓을 때까지 여러 단계의 이벤트가

썸네일 참조 gygy.log무한 스크롤이란 위 예시처럼 웹 페이지나 애플리케이션에서 콘텐츠를 끊임없이 로드하고 표시하는 기법 중 하나를 말한다. 이는 당연히 비동기로 처리가 되어야 하며 보편적으로 JavaScript와 AJAX(Asynchronous JavaScrip

REST (Representational State Transfer)는 웹 서비스 아키텍처의 한 스타일로, 자원을 URL을 통해 표현하고 HTTP 메서드를 사용하여 이러한 자원을 조작하는 방법을 의미한다. RESTful API는 이러한 원칙을 따르는 API이다. API

HTTP와 HTTPS 모두 웹 통신 프로토콜로써 사용자가 웹 브라우저를 통해 웹 사이트와 통신할 때 주로 사용된다. 두 프로토콜 간의 주요 차이점은 아래와 같다.HTTP(하이퍼텍스트 전송 프로토콜)는 인터넷에서 데이터를 전송하는 데 사용되는 프로토콜 중 하나로, 웹 브

웹 스토리지(Web Storage)란 웹 브라우저에서 클라이언트 측 웹 애플리케이션 데이터를 저장하고 관리하기 위한 기술이다. 이를 통해 웹 애플리케이션은 사용자의 로컬 컴퓨터에 데이터를 저장하고, 이후에도 접속할 때 데이터를 검색하거나 수정할 수 있다. 오늘 살펴볼

클래스와 모듈은 얼핏 보면 비슷하지만 사용하는 목적과 방법이 다르기에 엄연히 다른 녀석들이다. 어떻게 다른지 한번 살펴보자.목적 : 클래스는 객체의 템플릿이며, 객체의 속성(데이터)과 메서드(동작)를 정의하는 데 사용된다.사용법: 클래스는 class 키워드를 사용하여

(.) 점 연산자를 사용하는 경우는 객체의 프로퍼티 이름이 식별자 규칙을 따르는 경우 (예: objectName.propertyName)이고… 대괄호 연산자를 사용하는 경우는 프로퍼티 이름이 변수에 저장되어 있거나, 계산된 결과를 통해 프로퍼티에 접근해야 할 때 주로

writed by dikum98자바스크립트의 객체는 키(key)와 값(value)로 구성된 프로퍼티(Property)들의 집합이다.자바스크립트에서 원시값을 제외한 모든 값은 객체로, 객체를 복사하면 값 자체가 아닌 주소가 복사된다.자바스크립트의 함수는 일급 객체이므로