🟡 JavaScript

우리는 프로그래밍을 하다가 어떤 값을 재사용해야하는 상황에 직면할 때가 있다. 어떤 값의 재사용을 위해 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용하기 위해 변수(variable)라는 메커니즘을 제공한다.변수는 어떤 값을 저장

스코프란 식별자에 대한 유효범위이다. 변수,함수 등 모든 식별자는 자신이 선언된 위치에 의해 자신이 유효한 범위, 즉 다른 코드가 자신을 참조할 수 있는 범위가 결정된다. 스코프 안에서 선언된 식별자는 스코프 안에서는 참조할 수 있지만 스코프 밖에서는 참조할 수 없다.

실행 컨텍스트란 무엇일까?

this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-referencing variable)다. 다른 언어의 this와는 달리 자바스크립트의 this는 어디서든 사용할 수 있다. 자바스크립트의 this는 실행 컨텍스트를 생성할 때

자바스크립트의 객체란 무엇일까?

자바스크립트는 명령형(imperative), 함수형(functional), 프로토타입 기반(prototype-based) 객체지향 프로그래밍(OOP, Object Oriented Programming)을 지원하는 멀티 패러다임 프로그래밍 언어다. 자바스크립트는 클래스

우리는 자바스크립트의 프로토타입 글에서 객체지향이 무엇인지 공부했다. 다시 읽고 오기 싫은 사람들을 위해 요약하면 객체지향이란, 독립적인 객체들의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임이다.여기서 클래스는 객체를 생성할 수 있는 추상적인 대상 혹은 구체적인

코드블럭 속에 작성된 특정행동을 호출되어 하도록 하는 객체이다. 또는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 함수는 함수 정의(function definition)을 통해 생성하며, 인수(argument)를 매개변수를 통

이 글을 읽을 때는 실행 컨텍스트와 스코프에 대한 개념을 필요로 한다. 이미 내가 써둔 실행 컨텍스트와 스코프 글을 읽었다면 상관없겠지만 아직 이해가 안 됐거나, 읽지 않았다면 읽고 오기를 바란다.➡️ 자바스크립트의 스코프, 자바스크립트의 실행 컨텍스트읽고 왔다고 생각

브라우저는 처리해야 할 특정 사건이 발생하면 이를 감지하여 이벤트를 발생시킨다. 만약 이 때 이벤트에 대해 반응하여 어떤 일을 하고 싶다면 이벤트가 발생했을 때 호출될 함수를 브라우저에게 알려 호출을 위임한다. 우리는 이벤트 핸들러를 통해 이벤트가 발생했을 때 원하는

Ajax(Asynchronus JavaScript and XML)란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. Ajax는 브라우저에서 제공하는 We

ES6 에서 도입된 이터레이션 프로토콜(iteration protocol)은 순회 가능한 자료구조를 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. ES6 이전의 순회 가능한 자료구조들은 통일된 규약 없이 각자 나름의 구조를 가지고 다양한 방법으

🤔 브라우저 렌더링 과정에 대해서 자바스크립트의 AJAX에서 살펴본 내용에 의하면 AJAX를 통해 브라우저는 자바스크립트를 사용하여 서버에게 비동기로 데이터를 요청하고, 서버의 응답을 받아, 받은 데이터로 웹페이지를 동적으로 갱신하게 된다는 것을 알게되었다. 이번

자바스크립트 개발자라면 ECMAScript에 대해서는 모두 들어봤을 것이다. 자세히 알아보는 것은 아래의 목차에서 살펴보고, 이 곳에서는 Javascript와 ECMAScript의 차이만 가볍게 짚고 넘어가자. Javascript는 프로그래밍 언어의 이름이고, ECMA

얼마 전, 우아한형제들 기술면접에서 “프로토타입의 장점은 무엇인가요?” 라는 질문을 받았다. 나의 답변이 부족한 부분이 많았던 것 같아고 아무래도 자바스크립트의 코어한 개념이기도 한만큼 다시 깊게 파보려고 이 글을 쓰게 되었다. 프로토타입을 장단점을 살펴보기 위해 총