JS는 프로토타입 기반 언어 입니다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 언어는 어떤 객체를 원형(prototype)으로 삼고 이를 복제(참조) 함으로써 상속과 비슷한 효과를 얻습니다.!\[Pasted image 20231113112010.png]프

클로저는 함수형 프로그래밍 언어에서 등장하는 특성입니다. JS 만의 특징은 아닙니다. 그래서 많은 정의들이 있는데 컨텍스트를 통해 알아보겠습니다.A에서 선언한 내부함수 B의 실행 컨텍스트가 활성화되는 시점에는 B의 outerEnvironmentReference가 참조하

콜백 함수는 다른 코드의 인자로 넘겨주는 함수입니다. 넘겨받은 코드는 필요에 따라 적절한 시점에 실행할 것입니다.콜백함수는 제어권과 관련이 깊습니다. 다른 코드에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수입니다.setInterval을 통해 알아보겠습니다. se

다른 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미합니다. 하지만 JS에서의 This는 어디서든 사용할 수 있습니다. 상황에 따라 this 가 바라보는 대상이 달라지게 됩니다.JS에서 this는 기본적으로 실행 컨텍스트가 생성될 때 함께 결정됩니다.

실행 컨텍스트는 실행할 코드를 제공할 환경 정보들을 모아놓은 객체로, JS가 동적 언어로서의 성격을 잘 파악할 수 있는 개념입니다. 실행 컨텍스트는 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 이를 콜 스택에 쌓아 올립니다.

데이터에 관한 내용으로, 기본형 타입과 참조형 타입이 서로 다르게 동작하는 이유를 알아보고, 활용할 수 있게 합니다. 크게 기본형과 참조형의 두가지의 종류가 있습니다. 기본형 : 숫자 문자 불리언 null undefined... symbol(ES6)참조형 : 객체 배열

번들 사이즈 최적화에 앞서 번들링을 왜 해야할까요? 예전의 단순한 html에서 SPA 로 넘어오면서 파일들이 많아지기 시작했습니다. \-> 파일들을 보내야 하는데 양이 많아서 로딩 속도가 저하되었습니다.\-> 이 파일들을 모아 하나의 파일로 만드는 것이 번들러입니다.

새로운 프로젝트에 채팅 기능이 추가될 예정입니다. 채팅기능에 필요한 기능 중 하나가 Infinite 스크롤이라, React스럽게 구현해보도록 하겠습니다.원리는 간단합니다. 스크롤이 되는 영역이 있을 때, 스크롤바의 높이가 0이 되면, 데이터를 불러와서 기존의 리스트에

웹브라우저에 www.google.com을 치면 일어나는 일에 대해서 알아보겠습니다.브라우저는 www.google.com의 IP 주소를 찾기 위해 DNS 캐시를 탐색합니다.브라우저 캐시를 확인합니다. 이전에 방문한 웹사이트에 대해 일정기간 DNS 정보들을 저장합니다.캐시

| 회사에서 WAS를 사용하고 있다고 합니다.| 뭔가 컴퓨터인거 같은데, 정확하게 어떤 것일지 확인해 보도록 하겠습니다.WebServer과 WAS를 비교해보는 시간을 가져보도록 하겠습니다.Web 서버는 인터넷을 기반으로 웹 서비스(HTML)를 제공합니다.즉 클라이언트가

| "나중에 필요할 수도 있는 무언가를 저장하였다가 신속하게 회수할 수 있는 보관 장소"캐시를 알기 위해서는 몇가지 기본 원리가 필요합니다.메모리 계층 구조부터 알아보겠습니다.컴퓨터에서 메모리 공간의 속도와 용량은 반비례합니다.즉 속도가 빠를수록 용량이 작아집니다.그래

업로드중..MVC 패턴이란 디자인 패턴 중에 하나입니다.디자인 패턴이란 SW 개발 방법을 공식화한 것입니다.Model & View & Controller 으로애플리케이션을 3가지 역할로 구분한 개발 방법론입니다.사용자는 요청을 컨트롤러에 보냅니다.컨트롤러는 모델을 사용

| CSR 과 SSR 에 대한 기본 개념에 대해 알아보겠습니다.| CSR과 SSR에 대해서 알아보기에 앞서서는 SPA와 MPA 의 개념부터 알아야 합니다.react,vue하나의 페이지로 구성된 웹 어플리케이션php, jspMulti Page Application의 약자

일급 객체 는 다음 조건을 만족하는 객체를 뜻한다.함수도 일급 객체이기 때문에, 함수를 예를 통해 조건을 설명한다.무명의 리터럴로 생성 가능 하다 (런타임에 생성이 가능하다)const increase = function (num) {return ++num}변수나 자료구

중괄호를 직접 열어 사용하는 객체 리터럴 방식 ({}) 이외에도 객체를 생성하는 방법을 여러가지이다.new 연산자와 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다.생성자 함수에 의해 생성된 객체를 인스턴스 라고 한다.JS에는 String, Number

내부 슬롯과 내부 메서드는 JS 엔진의 구현 알고리즘을 설명하기 위한 의사 프로퍼티와 메서드이다.이들은 실제로 동작은 하지만 외부로 공개된 객체는 아니다.이중 대괄호로 감싼 이름들이 내부 슬롯과 메서드이다.모든 객체는 \[\[Prototype]] 이라는 내부 슬롯을 갖

ES5까지는 var밖에 변수를 선언할 수 있는 방법이 없었다.하지만 var는 여러 문제를 발생 시킬 수 있다.메모리 누수디버깅 어렵다.가독성 떨어진다.var는 중복 선언이 가능하다. 그래서 이미 선언되어 있는 값을 의도치 않게 변경해버릴 수 있기 때문에 부작용이 발생할

함수 / 클래스를 정의할 때 정의하는 시점에 매개변수나 반환값의 타입을 선언하기 어려울 경우가 있다.예) 숫자만 들어가거나, 문자열만 들어가게 만들고 싶은 큐를 만들어야 할 경우를 만들려고 한다.const n = \[1,2,3,4]const s = \['a','b','

전역 변수는 위험하다 라는 말이 많습니다.왜 전역변수가 위험하고, 사용을 억제할 수 있는 방법에 대해 알아보겠습니다.지역 변수가 위험한 이유는 생명 주기와 연관이 있습니다.변수는 선언에 의해 생성되고 할당을 통해 값을 가지고 소멸하는 과정을 생명 주기라고 합니다.생명주

type타입 앨리어스는 새로운 타입을 정의한다.타입으로 사용할 수 있다는 점은 인터페이스와 유사하다.인터페이스와 다를게 없어 보이는데??그렇다. 기능은 완전 동일하다.하지만 타입 앨리어스는 원시값, 유니온 타입, 튜플 등도 타입으로 지정할 수 있다.이런식으로 str만