React의 개발환경 설정을 간단하게 대신 해주는 것 ➡️ 설정 없이도 개발 가능 CPA의 설정 Webpack : 모듈 번들러 설정(entry, output, loader, plugin 등) Babel ESLint PostCSS Fast Refresh 환경 변수 개발

가중 그래프에서 구성하는 간선 간 가중치 합이 최소가 되도록 최단 경로를 찾는 알고리즘Dijkstra 알고리즘 : 단일 최단 경로 최소 비용 산출A\* 알고리즘 : 휴리스틱 방법 사용한 탐색Bellman-Ford 알고리즘 : 음수 가중치 허용한 비용 산출Floyd-Wa

최댓값 혹은 최솟값을 빠르게 찾기 위해 완전이진트리 형태로 연산을 수행하는 자료구조정렬 : 각 노드의 값은 자식 노드가 가진 값보다 작거나 혹은 큰 순서대로 정렬형태 : 트리의 형태는 완전이진트리(complete binary tree) 모양최소 힙(Min Heap) :

트리나 그래프 등에서 하나의 노드를 최대한 깊게 들어가면서 해를 찾는 탐색 기법인접한 후보 노드만 기억하면 되므로 적은 기억공간 소요노트가 깊은 단계에 있을 경우 빠르게 정답 산출선택한 경로가 답이 아닐 경우 불필요한 탐색 가능최단 경로 구할 시 찾은 해가 정답이 아닐

그래프의 일종으로 두 노드 사이의 하나의 간선만 연결되어 있는 최소 연결과 계층 형태의 비선형 자료 구조노드 (node) : 하나 이상의 값을 갖는 객체 단위간선(Edge) : 두 노드를 연결하는 선루트 노드(Root Node) : 부모가 없는 최상위 노트 → 시작 위

임의의 길이의 데이터를 고정된 길이의 데이터로 매핑하는 함수해시 함수 특성 \- 압축성 : 다양한 가변 길이의 입력에 대해 고정된 크기의 결과값을 반환하는 성질 \- 효율성 : 어떤 입력 값에 대해서도 많은 자원과 시간이 소요되지 않고 처리되는 성질 \

우선순위를 고려하여 먼저 넣은 데이터가 먼저 나오는 FIFO(First In First Out) 기반의 선형 자료 구조우선순위 정렬 방식 : 배열 기반, 연결리스트 기반, 힙(Heap) 기반 등의 정렬 방식 존재구현 메서드 (method)데이터 전체 획득 : Priot

나중에 넣은 데이터가 먼저 나오는 LIFO(Last In First Out) 기반의 선형 자료 구조구현 메서드(method)데이터 전체 획득 : Stack.getBuffer()비어있는지 확인 : Stack.isEmpty()추가 : Stack.push()삭제 Stack.

어떠한 객체가 만들어지기 위해 객체의 모태가 되는 원형자바스크립트는 일반적인 객체 지향 언어와는 다르게, 프로토타입을 이용한 복사(Cloning)을 통해 새로운 객체 생성일반적인 객체 생성 방식 : 속성은 생성자, 메서드는 프로토타입에서 정의예시각 노드가 데이토와 포인

정확성작업량메모리 사용량최족성효율성시간 복잡도공간 복잡도입력 크기의 값에 대해 단위 연산을 몇 번 수행하는지 계산하여, 알고리즘의 수행 시간을 평가하는 방법3가지 점근적 표현범O(빅오) : 최악의 상황을 고려하여 성능 측정결과표현병합 정렬, 분할 정복할 때 logN이

여러 값(Entity) 을 순차적으로 나열한 자료구조배열 내 각 값은 요소(element) 라고 하며, index(인덱스)를 통해 접근Array.lengthArray.isArray(value)push(), pop()shift(), unshift()splice(), sl

데이터의 종류자바스크립트는 총 7개의 기본 타입(6개의 원시타입 + 1개의 객체 타입)을 가지고 있습니다.두 개 이상의 복잡한 개체를 저장하는 데 사용{} 중괄호로 생성하며, key-value 쌍으로 구성다수의 원시자료형을 포함하거나 복잡한 개체(Entity)를 표현할

브라우저에 저장되는 작은 크기의 문자열 데이터입니다.웹 서버와 클라이언트(브라우저) 간의 상태 유지를 위한 수단으로 사용됩니다. • 로그인 유지 (자동 로그인 기능)• 사용자 맞춤 설정 저장 (다크모드 등)• 장바구니 정보 유지• 방문 횟수 기록서버에서 Set-Coo

모듈(Module)은 하나의 큰 프로그램을 구성하는 독립된 파일 단위입니다.여러 파일로 어플리케이션을 분리하고, 각각의 파일을 모듈이라 부릅니다.코드 재사용을 높이고 유지보수를 쉽게 하며 전역 스코프 오염을 방지합니다.배열에 다양한 동물 이름을 담고, 각 동물에 맞

객체 기반의 스크립트 프로그래밍 언어웹 페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어자바스크립트로 작성한 프로그램을 스크립트(script) 라고 함웹페이지의 HTML 안에 작성 가능하며, 페이지가 로드될 때 자동 실행됨페이지에 새로운 HTML을 추가하거나 기

독자의 주의를 요소의 콘텐츠로 끌기 위한 용도로 사용하며, 특정 부분만 굵게 표시합니다.💡 <b>, <strong> 차이점<b> : 특별한 중요성을 가지고 있지는 않지만 굵게 표시한 부분에 사용<strong> : 중요한 의미를 강조할 때 사용•

HTML <h1> - <h6> 요소는 6단계의 구획 제목을 나타냅니다. <h1>이 가장 중요하고 <h6>이 가장 덜 중요한 제목입니다. 웹 브라우저는 제목의 정보를 활용해 자동으로 목차를 생성할 수 있습니다. • 글자 크기를 조절하려고 &lt

마크업(Markup)은 텍스트를 구조화하고 의미를 부여하기 위해 고안된 언어입니다.일반적인 문서에서 텍스트 자체뿐만 아니라, 문서의 서식(스타일), 의미(구조), 데이터 속성 등을 표현할 수 있어요. 📌 HTML, XML, LaTeX, Markdown 등이 마크업

클래스 컴포넌트의 기능을 함수 컴포넌트에서도 이용할 수 있는 React의 특수한 기능들을 함수 컴포넌트에서도 사용할 수 있도록 도와주는 메서드들(함수 컴포넌트에서도 클래스 컴포넌트의 기능을 마치 낚아채듯이(hook) 가져와서 사용할 수 있게 해준다)useState ➡️

✍🏻 작성법 ❎ : 실천하지않았다. / ✅ : 실천했다. 📍 Life : 잊지 말고 해야할 일만 작성 📍 Study : 내가 할 수 있을만큼의 양만 작성 💫 (프로젝트 3시간 + 작성한 코드 공부 2시간 + 개인 공부 2시간) 💭 How do you feel