profile
Frontend

promise vs callback

함수의 인자에 함수를 넣어주는데, 이 넣어주는 함수를 콜백함수라고 한다.async/await가 없던 예전에는 콜백 함수로 비동기 작업을 동기로 처리했다.Promise 기본구조: resolve(요청 성공시 실행), reject(요청 실패시 실행)new Promise((r

4일 전
·
0개의 댓글

this, binding

this기본적으로 this는 전역 객체를 가리킴브라우저에서 console.log(this)를 찍어보면 Window 객체를 가리킨다.nodejs나 함수, strict 모드에서는 this가 다른 것을 가리킨다.함수 내부의 this 바인딩바인딩: this를 고정시키는 방법t

4일 전
·
0개의 댓글

JS V8 Engine

V8은 C++로 작성된 Google의 오픈 소스로 자바스크립트 코드를 받아 컴파일하고 실행하는 C++ 프로그램이라고 볼 수 있다. 이는 고성능 JavaScript 및 WebAssembly 엔진 Node.js, Google Chrome 등에서 사용한다.V8 엔진의 특징C

4일 전
·
0개의 댓글

JS Event loop

개념적으로는 처음에 이해하기가 힘들어서 코드와 결과로 먼저 확인해보기로 했다.export default function EventLoopPage() { const onClickTimer = () => { console.log("=======시작=======");

4일 전
·
0개의 댓글

OOP vs FP

OOP(Object Oriented Programming)문제를 여러 개의 객체 단위로 나눠 작업하는 방식으로, 객체들이 서로 유기적으로 상호작용하는 프로그래밍 이론 (ex. Java, COOP는 코드 재사용성과 생산성의 향상 효과를 볼 수 있고, 유지보수의 편의성 덕

4일 전
·
0개의 댓글

NoSQL vs SQL

데이터베이스 기본sql:데이터를 테이블(table) 형태로 저장하는 방식구조화된 쿼리 언어를 이용SQL(Structured Query Language)은 데이터베이스에서 데이터를 정의, 조작, 제어하기 위해 사용하는 언어이때 표(테이블) 형태로 저장되는 데이터베이스를

4일 전
·
0개의 댓글

Typescript Generic

Generic 타입 : 인자에 들어오는 타입을 그대로 사용할 수 있다.(기본)// 1. 들어온 타입을 그대로 사용// argument로 데이터가 들어갈 때 타입이 지정됨function getGeneric(arg: MyType): MyType { return arg;}

4일 전
·
0개의 댓글

atomic-pattern

컴포넌트를 하나의 함수로 보고, 클린 아키텍쳐의 관점에서 재사용 가능한 컴포넌트들을 그 기능과 구성에 따라 구조화 하여 사용하는 패턴Atomic Design Pattern이는 프론트엔드 시스템을 구성하는 컴포넌트들을 논리 구조 (Building Blocks) 단위로 나

4일 전
·
0개의 댓글

React-router vs Next-router

결론적으로는 Next.js는 React를 감싸고 있는 프레임워크라고 보면 된다.React의 기능들을 그대로 가지고 있으면서 Next.js에서만 구현할 수 있는 추가 기능들이 있어서 오히려 더 배운다고 보면된다.Nesxt.js는 라우팅을 할때 쉽게 하지만 React는 상

4일 전
·
0개의 댓글

Immutable과 Mutable

ImmutableImmutable 객체는 내용이 변하지 않는 객체를 말한다. 객체는 다양한 이유로 불변적일 수 있는데,예시로 아래와 같은 경우가 있다.성능 향상을 위해 (객체의 변경에 대한 계획 없음)메모리 사용을 줄이려고 (전체 개체를 복제하는 대신 개체 참조 만들기

4일 전
·
0개의 댓글

Virtual dom

Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념입니다. 이 과정을 재조정이라고 합니다.이 접근방식이 React의 선언적 API를 가능하게

4일 전
·
0개의 댓글

브라우저 렌더링 과정

브라우저에 HTML, CSS가 렌더링 되는 순서다운로드HTML 준비CSS 준비사실상 1~3번 과정이 HTML,CSS 파일을 parsing하는 과정이다.HTML,CSS 합치기 (= rendering tree를 만드는 style 과정)위치 그리기 layout (= refl

4일 전
·
0개의 댓글
post-thumbnail

HTTP status code

5개의 클래스로 구분된다.위키백과에 있는 클래스 정의는 다음과 같다.1xx (정보): 요청을 받았으며 프로세스를 계속한다2xx (성공): 요청을 성공적으로 받았으며 인식했고 수용하였다3xx (리다이렉션): 요청 완료를 위해 추가 작업 조치가 필요하다4xx (클라이언트

4일 전
·
0개의 댓글

JS Scope

실행 context실행 컨텍스트: 실행할 코드에 제공할 환경 정보를 모아둔 객체→만들 수 있는 방법: 함수를 실행하는 것이 가장 대표적자바스크립트는 데이터를 콜 스택에 저장실행 컨텍스트의 구성lexical environment : 처음에는 variables과 같지만 변

4일 전
·
0개의 댓글

Shallow copy & Deep copy

자바스크립트 데이터 타입은 크게 원시형(기본형: Primitive Type), 참조형(Reference Type)으로 나뉜다.이 때 원시형은 값을 복사할 때 다른 메모리에 할당하기 때문에 사본 값이 변해도 원본에 영향을 미치지 않는다.반면 참조형은 복사를 해도 메모리

4일 전
·
0개의 댓글

원시자료형, 참고자료형

원시자료형Boolean 타입논리 요소를 나타내며 true와 false 두 가지의 값을 가진다Null 타입null 하나의 값만 가질 수 있다.Undefined 타입값을 할당하지 않은 변수Number 타입배정밀도 64비트 이진 형식 IEEE 754 값(-(2^53 − 1)

4일 전
·
0개의 댓글

null과 undefined 차이

null, undefined는 둘 다 변수에 값이 없는 것을 나타내지만, 둘의 의미는 꽤 다르다.nullnull은 NULL의 심볼이며, 의도를 갖고 변수에 null을 할당하여 값이 없다는 것을 나타낸다. null이 할당된 변수의 타입을 확인해 보면 object인걸 확인

4일 전
·
0개의 댓글

JS와 node 차이

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

4일 전
·
0개의 댓글
post-thumbnail

7월 1일 (The_end)

CDN(=클라우드 프론트)에서는 로드밸런서 또는 storage 둘중 하나로 분기시켜준다.CDN에는 SSL 인증서를 설치해놨기 때문에 https로 접속이 가능한 상태동적페이지는 로드밸랜서 통해 프론트엔드 서버에서 데이터를 받아와서 브라우저에 http, css, js를 그

4일 전
·
0개의 댓글

let, const, var

var의 경우 변수를 선언했음에도 불구하고 다시 선언을 해주어도 에러가 나지 않고 값이 잘 출력이 된다. 간단한 코드구조에는 편이할 수 있으나, 규모가 커지고 복잡해지면 어디서 무엇을 썻는지도 파악하기 어려워 쓰는 것을 지양해야 한다.let의 경우에는 이미 선언 된 것

4일 전
·
0개의 댓글