함수의 인자에 함수를 넣어주는데, 이 넣어주는 함수를 콜백함수라고 한다.async/await가 없던 예전에는 콜백 함수로 비동기 작업을 동기로 처리했다.Promise 기본구조: resolve(요청 성공시 실행), reject(요청 실패시 실행)new Promise((r
this기본적으로 this는 전역 객체를 가리킴브라우저에서 console.log(this)를 찍어보면 Window 객체를 가리킨다.nodejs나 함수, strict 모드에서는 this가 다른 것을 가리킨다.함수 내부의 this 바인딩바인딩: this를 고정시키는 방법t
V8은 C++로 작성된 Google의 오픈 소스로 자바스크립트 코드를 받아 컴파일하고 실행하는 C++ 프로그램이라고 볼 수 있다. 이는 고성능 JavaScript 및 WebAssembly 엔진 Node.js, Google Chrome 등에서 사용한다.V8 엔진의 특징C
개념적으로는 처음에 이해하기가 힘들어서 코드와 결과로 먼저 확인해보기로 했다.export default function EventLoopPage() { const onClickTimer = () => { console.log("=======시작=======");
OOP(Object Oriented Programming)문제를 여러 개의 객체 단위로 나눠 작업하는 방식으로, 객체들이 서로 유기적으로 상호작용하는 프로그래밍 이론 (ex. Java, COOP는 코드 재사용성과 생산성의 향상 효과를 볼 수 있고, 유지보수의 편의성 덕
데이터베이스 기본sql:데이터를 테이블(table) 형태로 저장하는 방식구조화된 쿼리 언어를 이용SQL(Structured Query Language)은 데이터베이스에서 데이터를 정의, 조작, 제어하기 위해 사용하는 언어이때 표(테이블) 형태로 저장되는 데이터베이스를
Generic 타입 : 인자에 들어오는 타입을 그대로 사용할 수 있다.(기본)// 1. 들어온 타입을 그대로 사용// argument로 데이터가 들어갈 때 타입이 지정됨function getGeneric(arg: MyType): MyType { return arg;}
컴포넌트를 하나의 함수로 보고, 클린 아키텍쳐의 관점에서 재사용 가능한 컴포넌트들을 그 기능과 구성에 따라 구조화 하여 사용하는 패턴Atomic Design Pattern이는 프론트엔드 시스템을 구성하는 컴포넌트들을 논리 구조 (Building Blocks) 단위로 나
결론적으로는 Next.js는 React를 감싸고 있는 프레임워크라고 보면 된다.React의 기능들을 그대로 가지고 있으면서 Next.js에서만 구현할 수 있는 추가 기능들이 있어서 오히려 더 배운다고 보면된다.Nesxt.js는 라우팅을 할때 쉽게 하지만 React는 상
ImmutableImmutable 객체는 내용이 변하지 않는 객체를 말한다. 객체는 다양한 이유로 불변적일 수 있는데,예시로 아래와 같은 경우가 있다.성능 향상을 위해 (객체의 변경에 대한 계획 없음)메모리 사용을 줄이려고 (전체 개체를 복제하는 대신 개체 참조 만들기
Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념입니다. 이 과정을 재조정이라고 합니다.이 접근방식이 React의 선언적 API를 가능하게
브라우저에 HTML, CSS가 렌더링 되는 순서다운로드HTML 준비CSS 준비사실상 1~3번 과정이 HTML,CSS 파일을 parsing하는 과정이다.HTML,CSS 합치기 (= rendering tree를 만드는 style 과정)위치 그리기 layout (= refl
5개의 클래스로 구분된다.위키백과에 있는 클래스 정의는 다음과 같다.1xx (정보): 요청을 받았으며 프로세스를 계속한다2xx (성공): 요청을 성공적으로 받았으며 인식했고 수용하였다3xx (리다이렉션): 요청 완료를 위해 추가 작업 조치가 필요하다4xx (클라이언트
실행 context실행 컨텍스트: 실행할 코드에 제공할 환경 정보를 모아둔 객체→만들 수 있는 방법: 함수를 실행하는 것이 가장 대표적자바스크립트는 데이터를 콜 스택에 저장실행 컨텍스트의 구성lexical environment : 처음에는 variables과 같지만 변
자바스크립트 데이터 타입은 크게 원시형(기본형: Primitive Type), 참조형(Reference Type)으로 나뉜다.이 때 원시형은 값을 복사할 때 다른 메모리에 할당하기 때문에 사본 값이 변해도 원본에 영향을 미치지 않는다.반면 참조형은 복사를 해도 메모리
원시자료형Boolean 타입논리 요소를 나타내며 true와 false 두 가지의 값을 가진다Null 타입null 하나의 값만 가질 수 있다.Undefined 타입값을 할당하지 않은 변수Number 타입배정밀도 64비트 이진 형식 IEEE 754 값(-(2^53 − 1)
null, undefined는 둘 다 변수에 값이 없는 것을 나타내지만, 둘의 의미는 꽤 다르다.nullnull은 NULL의 심볼이며, 의도를 갖고 변수에 null을 할당하여 값이 없다는 것을 나타낸다. null이 할당된 변수의 타입을 확인해 보면 object인걸 확인
Node.js is an open source server environmentNode.js is freeNode.js runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)Node.js uses JavaSc
CDN(=클라우드 프론트)에서는 로드밸런서 또는 storage 둘중 하나로 분기시켜준다.CDN에는 SSL 인증서를 설치해놨기 때문에 https로 접속이 가능한 상태동적페이지는 로드밸랜서 통해 프론트엔드 서버에서 데이터를 받아와서 브라우저에 http, css, js를 그
var의 경우 변수를 선언했음에도 불구하고 다시 선언을 해주어도 에러가 나지 않고 값이 잘 출력이 된다. 간단한 코드구조에는 편이할 수 있으나, 규모가 커지고 복잡해지면 어디서 무엇을 썻는지도 파악하기 어려워 쓰는 것을 지양해야 한다.let의 경우에는 이미 선언 된 것