본문 바로가기

분류 전체보기

 (79)
[JS] 모듈(module, import, export) : 개발하는 애플리케이션의 크기가 커지면 언젠간 파일을 여러 개로 분리해야 하는 시점이 옵니다. 이때 분리된 파일 각각을 '모듈(module)'이라고 부르는데, 모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성됩니다. 모듈은 단지 파일 하나에 불과합니다. 스크립트 하나는 모듈 하나입니다. 모듈에 특수한 지시자 export와 import를 적용하면 다른 모듈을 불러와 불러온 모듈에 있는 함수를 호출하는 것과 같은 기능 공유가 가능합니다. export 지시자를 변수나 함수 앞에 붙이면 외부 모듈에서 해당 변수나 함수에 접근할 수 있습니다(모듈 내보내기). export let mlet = "mlet"; export function mfnc1() { console.l..
[ETC] EXCEL 함수 모음 (ing) 텍스트 new_text old_text 대체합니다. 1. 텍스트 나누기 2. 함수 인수창 Shift + F3 3. SUBSTITUTE : 텍스트 new_text old_text 대체합니다. SUBSTITUTE(text, old_text, new_text, [instance_num]) SUBSTITUTE 함수 구문에는 다음과 같은 인수가 사용됩니다. text 필수 요소입니다. 문자를 대체할 텍스트가 포함된 셀의 참조 또는 텍스트입니다. old_text 필수 요소입니다. 바꿀 텍스트입니다. new_text 필수 요소입니다. old_text를 대신할 텍스트입니다. instance_num 선택 요소입니다. text에서 몇 번째에 있는 old_text를 new_text로 바꿀 것인지를 지정하는 수입니다. inst..
[JS] Deferred $.deferred Promise와 Deferred는 비슷한 목적을 가지고 있으며 비동기 작업을 처리하는 데 사용되는 기술이지만, 사용 방식과 개념적인 차이가 있습니다. Deferred는 jQuery 라이브러리에서 사용되는 개념이고, Promise는 기본 JavaScript의 표준 내장 객체입니다. Deferred는 Promise의 이전 버전과 비슷한 역할을 합니다. Promise: Promise는 ES6(ECMAScript 2015)에서 표준 내장 객체로 추가되었습니다. JavaScript 비동기 처리를 위해 사용되는 객체로, 비동기 작업이 완료되거나 실패했을 때 결과를 처리하는 방법을 제공합니다. Promise 객체는 세 가지 상태를 가질 수 있습니다: "대기 중(pending)", "이행됨(fulf..
[WEB개념] Virtual Dom Vue.js 는 주로 Angular와 React의 장점들을 고루 갖고 있는 특징이 있습니다. 이번에 Vue.js 2.0 버전의 주요 특징 중 하나로 페이지 변경을 위한 "Virtual DOM" 이 추가되었습니다. React와 Ember에서 사용하는 이 "가상 돔"은 웹 페이지의 변경 속도를 매우 빠르게 해줍니다. 브라우저 DOM Rendering 과정 HTML 다운로드 및 파싱: 브라우저는 웹 페이지의 HTML 문서를 다운로드하고, 파싱하여 DOM 트리를 생성합니다. 파싱 과정에서 문서의 각 요소와 태그를 인식하고, 요소의 계층 구조 및 속성을 결정합니다. CSS 다운로드 및 처리: 브라우저는 HTML 파싱 과정과 병행하여 CSS(Cascading Style Sheets) 스타일 시트를 다운로드하고 처리..
[VUEJS] Vue.js Component (props) Vue.js에서 컴포넌트는 재사용 가능한 UI 요소를 구성하는 빌딩 블록입니다. 컴포넌트는 애플리케이션을 더 작고 독립적인 부분으로 나누어 개발하는 데 도움을 줍니다. 각 컴포넌트는 자체 로직, 상태, 템플릿을 가질 수 있으며 다른 컴포넌트와 조합하여 복잡한 UI를 구축할 수 있습니다. Vue.js에서 컴포넌트는 Vue.component 메소드를 사용하여 정의됩니다. 컴포넌트 정의는 다음과 같은 구조를 가집니다: Vue.component('component-name', { // 컴포넌트 옵션 // ... }) 여기서 'component-name'은 컴포넌트의 이름을 나타내는 문자열입니다. 컴포넌트 이름은 HTML 템플릿에서 사용되며, 다른 컴포넌트 내에서 컴포넌트를 사용할 때에도 참조됩니다. 컴포넌트 옵..
[VUEJS] Vue.js CDN Vue.js? Vue.js는 사용자 인터페이스(UI)를 구축하기 위한 프로그레시브 자바스크립트 프레임워크입니다. Vue.js는 가볍고 유연하며 성능이 우수하며 컴포넌트 기반 아키텍처를 갖추고 있어 웹 애플리케이션 개발을 간단하게 만들어줍니다. Vue.js는 MVVM(Model-View-ViewModel) 패턴에 기반을 두고 있습니다. 데이터와 UI를 분리하여 관리하며, 화면에 표시되는 데이터의 변화에 따라 자동으로 UI를 업데이트할 수 있습니다. Vue.js는 가상 돔(Virtual DOM)을 사용하여 빠른 렌더링 속도와 최적화된 성능을 제공합니다. Vue.js의 주요 특징 컴포넌트 기반: Vue.js는 UI를 작은 독립적인 컴포넌트로 분리하여 재사용성과 유지 보수성을 향상시킵니다. 컴포넌트는 재..
[WEB기본] Gradle, Maven Maven과 Gradle은 둘 다 Java 프로젝트 빌드를 자동화하기 위한 도구입니다. 이들의 가장 큰 차이점은 Maven이 XML을 사용하여 프로젝트를 구성하고 빌드하는 반면, Gradle은 Groovy 또는 Kotlin DSL을 사용하여 프로젝트를 구성하고 빌드합니다. 이러한 차이점으로 인해 각각의 장단점이 있습니다. MAVEN Ant는 비교적 자유도가 높은 편(Ant : 전처리 / 컴파일 / 패키징 / 테스팅 / 배포 가능)이나 Maven은 정해진 라이프사이클에 의하여 작업 수행하며, 전반적인 프로젝트 관리 기능까지 포함. (Build Tool + Project Management) Maven의 장점: XML 구문이 간단하고 명확하여 이해하기 쉽습니다. Maven은 중앙 저장소에서 의존성을 다운로드..
[DB] Lock, Oracle Lock DataBase는 데이터를 영속적으로 저장하고 있는 시스템입니다. 이런 시스템은 같은 자원(데이터)에 대해서 동시에 접근하는 경우가 생길 수 밖에 없습니다. 이럴 경우 데이터가 오염 될 수 있는데 그렇게 되지 않도록 데이터의 일관성과 무결성을 유지해야할 필요가 있습니다. Lock Lock이란 트랜잭션 처리의 순차성을 보장하기 위한 방법입니다. 트랜잭션이란 DB의 나누어지지 않는 최소한의 처리 단위입니다. 그리고 중요한 것은 DBMS마다 Lock을 구현하는 방식과 세부적인 방법이 다릅니다. 따라서 DBMS를 효과적으로 이용하기 위해서는 해당 DB의 Lock에 대한 이해가 요구됩니다. Lock의 종류 Lock의 종류로는 공유(Shared) Lock과 베타(Exclusive) Lock이 있습니다. 공유락은 다..

티스토리툴바