나만의 컴퓨터 공학

설치 방식CDN : Vue.js를 HTML 파일에 태그를 사용해 외부 URL로 직접 포함합니다. 별도의 설치 과정 없이 바로 사용할 수 있습니다.NPM : Node.js 패키지 매니저(NPM)를 사용해 Vue.js 라이브러리를 로컬에 설치한 후, 빌드 시스템(Webpack, Vite 등)을 통해 프로젝트에 포함합니다.사용 용도CDN : 작은 프로젝트나 테스트용으로 빠르게 Vue.js를 적용할 때 사용됩니다. 빌드 도구 없이 간단하게 사용 가능합니다.NPM : 대규모 애플리케이션, 프로덕션 환경에서는 NPM을 통해 패키지 관리 및 빌드 과정을 거쳐 사용합니다. 여러 패키지와 통합해 확장성을 높일 수 있습니다.번들링 및 성능CDN : Vue.js가 외부 서버에서 제공되기 때문에 로컬 번들링이 없으며, 캐싱..

Node.js의 아키텍처는 이벤트 기반, 논블로킹 I/O, 그리고 싱글 스레드를 사용하는 V8 JavaScript 엔진을 기반으로 설계되었습니다. 이를 통해 Node.js는 대규모 동시성을 효율적으로 처리할 수 있습니다. 이러한 아키텍처는 서버 측에서 고성능을 발휘하며 특히 많은 요청을 처리해야 하는 네트워크 애플리케이션에 적합합니다.Node.js 아키텍처의 주요 구성 요소싱글 스레드 이벤트 루프 (Single-threaded Event Loop)Node.js는 단일 스레드를 사용하여 모든 작업을 처리합니다. 하지만, 이 단일 스레드는 많은 요청을 논블로킹 방식으로 처리할 수 있도록 설계되어 효율성을 극대화합니다.Node.js에서 들어오는 요청들은 이벤트 큐에 쌓이고, 이벤트 루프가 이 큐를 순회하면서 ..

데이터베이스는 검색과 축적이 쉽도록 정리된 데이터의 모음입니다. 대부분의 서버 애플리케이션은 클라이언트에서 받은 데이터를 어딘가에 저장합니다. 그것이 메모리일 수도 있고, 텍스트 파일일 수도 있고, 엑셀일 수도 있고, 특정 프로토콜을 통해 생성한 바이너리 파일일 수도 있습니다. 검색을 지원하고, 입력한 데이터 수정 및 삭제도 가능해야 하며, 수많은 읽기와 수정 삭제 요청이 동시다발로 이루어지는 상황을 생각해봅시다. 단순한 텍스트 파일로 그 모든 요구사항을 충족시키기는 어려울 겁니다. 일반적으로 현업에서 “데이터베이스”라고 말하면 데이터베이스 소프트웨어를 의미합니다. 부르는 데이터베이스 역시 데이터베이스 소프트웨어를 의미합니다. 데이터베이스는 데이터 저장 시 수많은 문제가 생길 수 있는 상황에서도 데이터를..

이벤트 기반이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식이벤트의 예 : 클릭, 네크워크 요청, 타이머 등이벤트 리스너 : 이벤트를 등록하는 함수콜백 함수 : 이벤트가 발생했을 때 실행될 함수논블로킹I/O논블로킹 : 오래 걸리는 함수를 백그라운드로 보내서 다음 코드가 먼저 실행되게 하고, 나중에 오래 걸리는 함수를 실행.논 블로킹 방식 하에서 일부 코드는 백그라운드에서 병렬로 실행됨.일부 코드 : I/O 작업(파일 시스템 접근, 네크워크 요청), 압축, 암호화 등나머지 코드는 블로킹 방식으로 실행됨.I/O 작업이 많을 때 노드 활용성이 극대화.프로세스 vs 스레드프로세스 : 운영체제에서 할당하는 작업의 단위, 프로세스 간 자원 공유X스레드 : 프로세스 내에서 실행되는 작업의 단위, 부모 프로세스 ..

패키지 매니저용량문제, 패키지 내려받기 속도 문제, 보안 문제애플리케이션의 의존적인 패키지를 관리(설치, 삭제, 업데이트)하는 프로그램npm, yarn빌드 도구webpack : 다양한 모듈 시스템을 지원ESBuild, Vite개발 도구VSCode웹 프레임워크front : React, Vue.js, Sveliteback : Express, NetJS프로토콜 클라우드인터넷 기반으로 제공하는 컴퓨팅 환경Laas, Paas, Saas인프라하드웨어, 소프트웨어, 네크워크 등 어플리케이션 구축에 필요한 자원을 뜻한다.형상관리프로그램git 소스코드의 버전관리, 추적 및 관리, 공동 작업을 지원하는 시스템풀 리퀘스트(PR)코드의 공동 작업 시, 소스 코드의 수정사항을 공유하기 위한 요청Node.js란?크롬 V8 자바스..