렉시컬(Lexcial) 환경이란? 자바스크립트는 기본적으로 정적환경이다. (렉시컬 환경) 클로저란? 함수와 그 함수가 선언됐을 때의 렉시컬(Lexical)환경의 조합 이 때의 렉시컬 환경은 클로저가 생성된 위치에 따라 결정 이 때 클로저는 이 환경에 있는 변수를 기억

실행할 코드에 대해 제공할 환경 정보들을 모아놓은 객체자바스크립트 코드가 평가되고 실행되는 환경LIFO(Last In First Out) 스택 구조로 콜 스택에 쌓이며 실행 순서를 보장변수 환경(Variable Environment)var로 선언된 변수와 함수 선언식으

가장 큰 특징은 바로 호이스팅이다.호이스팅이란?함수 선언식var과 같이 함수 스코프 스코프를 가진다.클로져 사용callback으로 인자 전달즉시 실행 함수(IIFE)함수 표현식let const 와 같이 블록 스코프를 가진다.호이스팅이 되지 않으므로 로컬 스코프의 복사본

콜백 함수의 단점을 보완는 것이 Promise 이기에 callback 먼저 설명다른 함수의 인자로써 전달된 함수어떤 이벤트에 의해 호출되는 함수싱글 스레드 기반인 javascript는 병행 처리를 할 수 없는 문제를 해결하기 위해 등장콜백 지옥(콜백 함수가 겹쳐져 가독

운영 체제로부터 자원을 할당받는 단위코드(code), 데이터, 스택(stack), 힙(heap), 한 개 이상의 스레드를 받음각 프로세스는 다른 프로세스의 자원에 접근 할 수 없다프로세스간 통신(IPC)를 사용해야한다.파이프, 파일, 소켓 등프로세스 내에서 프로세스의

객체지향 프로그래밍이란? 프로그램을 객체들의 모임으로 보고 이들 간의 상호작용으로 표현 하는 방법 프로그래밍에 필요한 데이터들을 추상화 시켜 상태와 행위를 가진 객체로 만드는 것. 객체 지향 프로그래밍의 특징 1. 추상화 객체들의 공통된 특징을 추출하는 것

REST(Representational State Transfer)는 웹 서비스 개발에 사용되는 아키텍처 스타일제약조건클라이언트 - 서버 형태클라이언트와 서버가 분리되어있어야 한다무상태(Stateless)각 요청은 모든 필요한 정보를 포함클라이언트의 상태를 서버가 기억

서버로부터 받은 HTML문서로 Dom tree를 생성css 파일로 CSSOM tree을 생성CSSOM : css object model렌더트리는 위의 Dom tree와 CSSOM tree로 이루어져있다.각 요소의 위치와 크기를 계산후 박스 모델이 배치레이아웃 단계에선

TCP(Transmission Control Protocol)데이터의 전송을 보장하며 패킷 처리 순서를 일치시키고, 흐름 제어 및 혼잡 제어를 수행하는 연결 지향적인 프로토콜정확한 전송을 위해 사전에 세션을 수립하는 과정IP(Internet Protocol)네트워크 간

브라우저 캐시 탐색(없으면) os캐시 탐색 -> system call을 이용함(없으면) 라우터 캐시 탐색(없으면) ISP 캐시 탐색ISP(Internet Service Proivder)란 인터넷 서비스 공급자 (LG, SK, KT ...)Recursive search

라즈베리파이는 아두이노와 시리얼 통신, 서버와 소켓통신을 해야한다.통신 연결은 정상적으로 됐으나 두 개의 통신이 동시적으로 일어나지 않고 딜레이가 쌓여가 원활하게 작동이 안된다.첫 번째 해결 방안두 개의 task를 만들어 멀티쓰레딩을 구현한다 (asyncio 사용)문제

개요 백엔드 쪽에서 웹소켓을 만드는데 차질이있어 기한 내에 프로젝트를 만들기 힘들 것을 예상 채팅 기능을 serverless로 빠르게 구현해야겠다고 판단 실시간 채팅에 최적화된 firebase사용 firebase 프로젝트 생성 https://console.fire

ErrorBoundaury ErrorBoundaury란? 컴포넌트에서 Error 가 발생했을 때 이를 감지해서 사용자에게 미리 구현해놓은 에러 컴포넌트로 리다이렉트 시켜주는 React v16 이상에서 내장되어있는 컴포넌트이다. 나는 이것을 axios 요청

피아노 연주란 피아노 한 곡이 연주되기 전까지 수 많은 과정이 있다. 곡의 조사 부터 시작해서 악보 읽기, 레퍼런스 찾기, 해석, 암보 등 그리고 이 모든 과정을 통틀어 연습이라 부른다. 곡의 규모, 완성도에 따르지만 보통 나는 한 곡을 안정적으로 연주하기 까지 2~3달이 걸렸다. 빠르면 빠르다고, 느리면 느리다고 할 수 있다. 음악적 스타일 음악은 느...

중고 거래 서비스의 시장은 많이 활성화 되어 쉽게 접하고 사용할 수 있다.반면 물건 대여 서비스는 일반적으로 커뮤니티 또는 지인을 통해 성사되는 것이 대부분이다.이러한 형식의 거래는 시간과 공간을 따로 조율해야하는 번거로움이 있다.따라서 이러한 제약에서 벗어날 수 있는

제네릭function add<T>(x: T, y: T): T { return x + y;}타입을 함수 선언 할 때 말고 사용할 때 정함react에서 jsx문법 과 혼동할 수 있으므로 제네릭에 기본값 넣어주기const add = <T = unknown>(x:

모든 값이 (type: ex: string)일 경우 (인덱스 시그니쳐)type A = { a: string, b: string, c: string...}type A = { \[key: stirng]: string}키가 어떤 값 중 하나여야 할 경우 (mapped typ

타입 가드를 할 때 자바스크립트 메서드를 사용할 수 있지만 다음과 같이 함수를 만들어서 사용할 수도 있다.사용예시is 와 as의 차이as타입을 단언한다.is타입가드 역할typeof와 같이 분기처리 하는 역할

기획을 제외한 개발기간 3주안에 블록체인 서버를 포함한 모든 것을 개발해야했다.go-ethereum을 공부하고 서버 세팅하며 hyper-fabrics를 고민하는 사이에 이주를 날렸다.결과적으로 전문가 분의 의견을 수렴해 claytn-api(KAS)를 사용했지만 이미 시

기업 페이지 React-Query React-Query란? React Query는 React 애플리케이션에서 데이터 가져오기와 관리하기 위한 라이브러리입니다. 비동기 데이터 요청, 캐싱, 자동 재요청 및 데이터 업데이트와 같은 작업을 처리할 수 있습니다.