JavaScript에서 대용량의 이진 데이터를 다루기 위해 사용된다. 파일, 이미지, 텍스트 등의 데이터를 이진 형식으로 표현할 수 있으며, 특히 파일 업로드나 다운로드, 그리고 데이터 송수신 작업 등에 사용된다. 데이터의 크기와 형식: Blob 객체는 임의의 바이트

JS 표지모든 식별자는 자신이 선언된 위치에 따라 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. (식별자가 유효한 범위)스코프가 계층적으로 연결된 것변수를 참조할 때 스코프 체인을 통해 변수를 참조하는 코드의 스코프에서 시작하여 상위 스코프 방향으로

JS 표지 동기 vs 비동기동기는 현재 실행 중인 작업이 끝날 때까지 다음 작업은 대기하고 작업이 끝나면 다음 작업이 실행되는 것을 의미한다. 반대로 비동기는 현재 실행 중인 작업을 기다리지 않고 다음 작업을 수행하는 것을 의미한다.동기는 작업 실행의 순서를 보장한다는

표지new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수자바스크립트는 여러 빌트인 생성자 함수를 제공한다.Object String Number Fuction Array 등등단 하나의 객체만 생성한다. 보통 상태를 표현하는 프로퍼티는 객체마다 값이 다를 수 있지

자바스크립트로 URL 라우팅을 구현하려고 한다. 바닐라 자바스크립트를 사용중이고 클라이언트 단 라우팅을 지원하는 라이브러리를 사용할 수 없기 때문에 자바스크립트의 Histroy API 를 사용하였다. 로그인 버튼이나 회원가입 버튼, 홈 버튼 등을 클릭할 때 URL를 변

history 전역 객체를 통해 브라우저 세션 히스토리에 대한 접근할 수 있다. 사용자의 방문 기록을 앞뒤로 탐색하고, 방문 기록 스택의 내용을 조작할 수 있는 유용한 메서드와 속성을 제공한다.history\_스택브라우저에서 페이지를 이동하면 위 사진처럼 페이지 이동

package.json은 Node.js 프로젝트에서 사용되는 설정 파일로 프로젝트의 메타데이터와 함께 프로젝트에 필요한 의존성 패키지들을 정의하는 역할을 한다. 주로 프로젝트 루트 디렉토리에 위치하며, JSON 형식으로 작성된다.package.json 파일에서 depe

리액트 등장 전 Angular JS와 같은 프레임워크는 MVC 패턴을 유지하고 있었다. 이후 MVC 패턴의 문제점을 해결하기 위해 Flux 패턴이 등장했다. 먼저 MVC 패턴에 대해 알아보고 Flux 패턴에 대해 알아보자. MVC 패턴이란? Model, View,

this 란? 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수 this 의 목적 생성자 함수 내부에서 프로퍼티나 메서드를 추가하기 위해 자신이 생성할 인스턴스를 참조할 수 있어야 한다. 하지만, 생성자 함수로 인스턴스를 생성하려면 먼저

💡 자바스크립트 데이터 타입1\. 숫자2\. 문자열3\. 불리언4\. null5\. undefined6\. 심벌7\. 객체원시값은 변경 불가능한 값 (immutable) , 객체는 변경 가능한 값 (mutable)변수에 값 할당 시 원시값은 실제 값이 저장, 객체는

18513번: 샘터💡 입력첫째 줄에 자연수 N과 K가 공백을 기준으로 구분되어 주어진다. (1 ≤ N, K ≤ 100,000) 둘째 줄에 N개의 샘터의 위치가 공백을 기준으로 구분되어 정수 형태로 주어진다. (-100,000,000 ≤ 샘터의 위치 ≤ 100,000,

렌더링: HTML, CSS, Javascript로 작성된 문서를 해석하여 브라우저에 시각적으로 출력하는 것브라우저 렌더링을 하기 위해서는 렌더링할 리소스가 필요하다. 렌더링할 리소스들은 서버에 있기 때문에 브라우저는 서버에 요청을 보내고 서버는 브라우저에게 요청에 대한

비동기란 작업이 완료될 때까지 기다리지 않고 다른 작업을 수행하는 과정을 말한다. 이는 작업 순서가 보장되지 않는다는 단점이 있지만 작업이 완료될 때까지 다른 작업이 기다리지 않고 동시에 실행될 수 있으므로 블로킹이 발생하지 않는다는 장점이 있다. 이를 고려하여 프로그

npm Node Package Manager Node.js 프로젝트의 종속성을 관리하여 패키지 추가, 업데이트 및 공유 과정을 간소화한다. 종속성 관리 npm install package-name 을 사용하여 node_modules 폴더 안에 프로젝트 특정 종속

DOM 요소 노드에서 발생한 이벤트는 DOM트리를 통해 전파된다.이벤트 전파는 이벤트 객체가 전파되는 방향에 따라 3단계로 구분한다.💡 이벤트 전파 3단계캡처링 단계: 이벤트가 상위에서 하위 요소로 전파타깃 단계: 이벤트가 이벤트 타깃에 도달버블링 단계: 이벤트가 하

이벤트가 발생했을 때 브라우저에 의해 호출될 함수이벤트 발생 시 브라우저에게 이벤트 핸들러의 호출을 위임하는 것3가지 방법이 있다.💡 브라우저에게 함수 호출을 위임하는 이유사용자가 언제 이벤트를 발생 (ex. 버튼 클릭)시킬지 모르기 때문에 개발자가 명시적으로 함수를

11724 연결 요소의 개수https://www.acmicpc.net/problem/11724알고리즘 분류: 그래프 탐색, DFS, BFS이 문제 삽질을 많이 했다. 왜냐하면 문제의 내용을 정확히 파악하지 못했다.입력값입력값이 위와 같을 때 그래프는 위 그림처

14465 소가 길을 건너간 이유 5 (SV2)https://www.acmicpc.net/problem/14465알고리즘 분류: 슬라이딩 윈도우, 누적합 입력값입력값 N의 길이의 배열 하나를 생성하여 배열을 고장난 신호등은 0을 정상인 신호등은 1로 한다. 여

https://www.acmicpc.net/problem/3020알고리즘 분류: 누적합입력값이 위와 같이 주어졌을 때, 각 높이마다 장애물의 수를 구하면 된다. 즉, 위 입력값에서 \[3, 2, 3, 2, 3, 2, 3] 을 도출하고 Math.min() 을 통

https://www.acmicpc.net/problem/16401알고리즘 분류: 이진 탐색풀이: 입력으로 주어진 과자의 길이 중 최대 값을 기준으로 한다. 이후 이진탐색으로 계산하여 매 중간값으로 주어진 과자의 길이들을 나눈 몫을 다 더해 더한 값이 조카의