의존성 관리: 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에 게시됨