npm 패키지 관리 완벽 가이드
시맨틱 버저닝
npm 패키지의 버전 관리에서는 세 가지 숫자를 사용하는 시맨틱 버저닝(Semantic Versioning) 방식을 채택하고 있습니다.
major: 주요 변경 사항으로 이전 버전과 호환되지 않음
minor: 새로운 기능 추가, 이전 버전과 호환됨
patch: 버그 수정, 이전 버전과 호환됨
의존성 버전 범위 지정
package.json에서 의존성 버전을 지정할 때는 다양한 연산자 ...
7월 7일 16:51에 게시됨
Vue 3 개발 환경 구축: Node.js, Yarn 1 설치 및 패키지 관리자 전환
Vue 3 개발 환경 설정
Node.js 설치
먼저 Node.js를 설치해야 합니다. Node.js는 Vue 개발에 필요한 JavaScript 런타임 환경을 제공합니다.
Node.js 설치 확인
# 터미널에서 Node.js 설치 확인
node -v
npm -v
전역 패키지 저장 경로 설정
Node.js 설치 경로에 node_global과 node_cache 폴더를 생성합니다.
# npm 전역 패키지 저장 경로 설정
npm config set ...
6월 23일 16:31에 게시됨
Vue.js 개발 환경 설정 및 핵심 문법 정리
let과 변수 선언의 스코프 주의사항
JavaScript에서 let은 블록 스코프를 가지며, 호이스팅(hoisting)이 발생하지 않습니다. 따라서 초기화 없이 변수를 참조하면 ReferenceError가 발생합니다.
// 오류 발생: Cannot access 'x' before initialization
console.log(x);
let x = 10;
반면 var는 호이스팅되어 undefined로 초기화되므로 에러 없이 실행됩니다.
Vue 인스턴 ...
6월 22일 02:46에 게시됨
의존성 관리: peerDependencies, devDependencies 그리고 dependencies
devDependencies
개발 단계에서 필요한 패키지를 지정하는 섹션으로, 이는 배포 환경에서는 포함되지 않습니다.
dependencies
이 섹션은 실제 서비스 운영에 필요한 패키지를 나타냅니다. 이러한 의존성이 없으면 프로젝트의 안정적인 동작에 문제가 생길 수 있습니다.
peerDependencies
주로 라이브러리를 개발할 때 사용되며, 호스트 환경에서 이미 설치된 특정 버전의 ...
6월 19일 01:00에 게시됨
Vue.js 시작하기 - ES6 기초부터 프로젝트 설정까지
프론트엔드 기술 스택 이해하기
현대 웹 개발에서는 HTML이 구조(Structure), CSS가 표현(Style), JavaScript가 동작(Behavior)을 담당합니다. 기존의 jQuery 라이브러리는 JavaScript의 DOM 조작을 단순화했고, Bootstrap은 CSS 프레임워크로 클래스 기반의 스타일링을 제공했습니다. 현재主流 SPA 프레임워크로는 Facebook이 개발한 React, Google이 만든 Angular, 그리 ...
6월 18일 21:16에 게시됨
위챗 미니프로그램 개발 기술
스타일링된 input 구현하기
input 컴포넌트의 입력 영역에 padding이 없으면 시각적으로 매력적이지 않습니다. padding을 너무 많이 주거나 적게 주는 것은 외부 컨테이너에 영향을 줄 수 있어 어려운 문제입니다. 해결책은 input 외부에 view를 추가하고, input 자체에는 padding을 설정하지 않는 것입니다. 대신 외부 view에 padding, 배경색, border와 같은 시각적 효과 ...
6월 8일 17:11에 게시됨
Vue 프로젝트 시작 시 Node.js 버전 충돌 문제 해결 방법
Vue 프로젝트 개발 시 Node.js를 실행 환경으로 사용하는 것이 일반적입니다. 하지만 때때로 Node.js 버전이 너무 높아서 Vue 프로젝트 시작 시 오류가 발생하는 경우가 있습니다. 본 문서에서는 이와 같은 Node.js 버전 충돌로 인한 Vue 프로젝트 시작 오류를 해결하는 몇 가지 방법을 소개합니다.
먼저, 현재 설치된 Node.js 버전을 확인해야 합니다. 명령 프롬프트 또 ...
6월 4일 22:10에 게시됨
Vue.js 기초: 프로젝트 설정부터 핵심 기능까지
환경 구축
NodeJS와 npm을 설치합니다. NodeJS를 검색하여 다운로드하고 설치하면 npm도 함께 설치됩니다. 설치가 성공적으로 완료되었는지 명령 프롬프트(cmd)에서 확인할 수 있습니다.
NodeJS 설치가 완료되면, Vue 개발 도구를 설치합니다:
npm install 명령을 실행할 때 기본적으로 외국 저장소를 사용합니다. 다음 코드를 사용하여 저장소를 중국의 Taobao 미러로 변 ...
6월 1일 09:57에 게시됨
Node.js, npm 및 nvm 간 관계 이해하기
Node.js 생태계에 처음 접하는 개발자를 대상으로, Node.js의 역할과 npm, nvm의 기능을 설명하며 Java의 Maven/Gradle과 같은 개념을 통해 차이점과 연관성을 명확히 설명합니다.
1. Node.js란?
Node.js는 Google Chrome의 V8 엔진을 기반으로 한 JavaScript 런타임 환경입니다. 브라우저 외에도 서버, CLI, 데스크탑 애플리케이션, IoT 장치에서 실행이 가능합니다.
...
5월 28일 15:02에 게시됨
Node.js 초기 설정 가이드: 미러 서버, 패키지 관리자, 버전 관리
Node.js를 새로 설치한 후에는 여러 가지 환경 설정을 통해 개발 생산성을 높일 수 있습니다. 이 글에서는 미러 서버 변경, cnpm 및 yarn 설치, 전역 설치 경로 및 캐시 경로 설정, Node.js 버전 관리 방법을 단계별로 설명합니다.
1. 미러 서버 변경
기본 npm 레지스트리는 해외에 있어 패키지 다운로드 속도가 느릴 수 있습니다. 국내 미러 서버로 변경하여 속도를 개선 ...
5월 23일 21:14에 게시됨