[패키지 매니저] npm, pnpm, yarn, yarn-berry
Package Manager 패키지 매니저는 개발에 필요한 다양한 패키지를 설치하고 수정하고 업데이트하는 등의 작업을 편리하게 도와주는 도구라고 할 수 있다. 자바스크립트로 프로젝트를 진행하다 보면 해당 프로젝트에 필요한 다양한 패키지들이 있고 이 패키지들을 설치하고 또 관리해야 하는 경우가 있는데, 이 패키지들을 의존성 있게 관리해 주는 것이 바...
Package Manager 패키지 매니저는 개발에 필요한 다양한 패키지를 설치하고 수정하고 업데이트하는 등의 작업을 편리하게 도와주는 도구라고 할 수 있다. 자바스크립트로 프로젝트를 진행하다 보면 해당 프로젝트에 필요한 다양한 패키지들이 있고 이 패키지들을 설치하고 또 관리해야 하는 경우가 있는데, 이 패키지들을 의존성 있게 관리해 주는 것이 바...
FileReader type이 file인 input 태그 <input type="file"/> 또는 API 요청과 같은 File 또는 Blob 객체를 처리할 수 있는 방법을 제공하는 객체 abort, load, error와 같은 이벤트에서 발생한 프로세스를 처리하는데 주로 사용됨 File 또는 Blob 객체를 읽어 result...
최적화 기본 원리 옵티마이저 옵티마이저(Optimizer)는 사용자가 질의한 SQL문에 대해 최적의 실행 방법을 결정하는 역할을 수행한다. 이러한 최적의 실행 방법을 실행계획(Execution Plan)이라고 한다. 규칙기반 옵티마이저(RBO, Rule Based Optimizer) 규칙기반 옵티마이저는 규칙(우선 순위)을 가지고 실행계획을 생...
SQL 활용 일반 집합 연산자 일반 집합 연산자를 SQL과 비교 UNION 연산은 UNION 기능으로 INTERSECTION 연산은 INTERSECT 기능으로 DIFFERENCE 연산은 EXCEPT(Oracle은 MINUS) 기능으로 PRODUCT 연산은 CROSS JOIN 기능으로 구현되었다. 순수 관계 연산자 순수 관계 ...
SQL 기본 SQL SQL 문장들의 종류 명령어의 종류 명령어 설명 데이터 조작어(DML; Data Manipulation Language) SELECT 데이터베이스에 들어 있는 데이터를 조회하거나 검색하기 위한 명령어를 말하는 것으로 RETRIEVE 라고도 한다. INSERTUPDATEDELETE 데이터베이스이 테이블에 들어 있...
데이터 모델과 성능 성능 데이터 모델링 데이터베이스 성능 향상을 목적으로 설계단계의 데이터 모델링 때부터 성능과 관련된 사항이 데이터모델링에 반영될 수 있도록 하는 것 성능 데이터 모델링 특징 데이터의 증가가 빠를수록 성능저하에 따른 성능개선비용 증가 데이터모델은 성능을 튜닝하면서 변경 될 수 있음 분석/설계 단계에서 성능을 고려한...
데이터 모델링의 이해 데이터 모델링 설계과정에서 시스템의 중요한 개념을 논리적인 데이터 모델을 구성하는 작업을 의미하며, 일반적으로 물리적인 데이터베이스 모델 구현, 시스템 데이터베이스 반영 과정을 포함한다. 데이터 모델링은 단순 데이터를 다루는 것 뿐만 아니라 시스템의 구체적인 Flow를 정의하는데도 매우 큰 영향을 미친다. 정보시스템을 ...
JavaScript와 TypeScript TypeScript는 JavaScript 기반의 언어 JavaScript는 클라이언트 측 스크립팅 언어. TypeScript는 객체 지향 컴파일 언어 객체 지향 프로그래밍 패러다임은 데이터 추상화에 중심 객체와 클래스라는 두 주요 개념을 기반으로 함 JavaS...
자바스크립트의 동기와 비동기 동기(Synchronous) 어떤 작업을 실행할 때 그 작업이 끝나기를 기다리는 방식을 의미한다. 즉, 작업이 완료될 때까지 다음 코드의 실행을 멈추고 기달는 것이다. 이러한 방식은 작업의 순서를 보장하고, 작업이 끝날 때까지 결과를 기다리는 것이 가능하다. 비동기(asynchronous) 어떤 작업을 실행할 때 그...
Flex와 Grid는 모두 CSS(Cascading Style Sheets)의 일부로서, 웹 개발에서 레이아웃을 조작하는데 사용되는 도구이다. 하지만 두 기술은 목적과 사용 사례에 따라 다르게 적용된다. Flex 정의 Flexbox는 한 축(행 또는 열)을 기반으로 요소를 정렬하고 배치하기 위한 레이아웃 모델이다. 주로 단일 차원(행 또는 열)에...