ksundev 님의 블로그

Vue.js 프로젝트 설정 방법 비교: 수동 Webpack vs Vue CLIVue.js 프로젝트를 시작할 때 개발자들이 마주하는 첫 번째 선택지는 바로 어떤 방식으로 프로젝트를 설정할 것인가입니다. 크게 두 가지 접근 방법이 있습니다: 수동으로 Webpack을 설정하는 방법과 Vue CLI를 사용하는 방법. 이 글에서는 두 방식의 차이점과 각각의 장단점을 자세히 살펴보겠습니다.수동 Webpack 설정이란?수동 Webpack 설정은 개발자가 직접 빌드 도구와 설정 파일을 구성하는 방식입니다. 물론 처음부터 모든 걸 타이핑하지는 않고, 보통은 다음과 같은 방법들을 사용합니다:일반적인 수동 설정 방법들:공식 문서나 튜토리얼의 예제 코드 복사GitHub의 보일러플레이트 템플릿 사용기존 프로젝트의 설정 파일 복..

Vue CLI로 생성한 Vue.js 애플리케이션의 기본 구조와 실행 흐름 이해하기Vue CLI 설치하기Vue CLI를 사용하기 전에 먼저 전역으로 설치해야 합니다:# npm을 사용하는 경우npm install -g @vue/cli# yarn을 사용하는 경우yarn global add @vue/cli# 설치 확인vue --version새 프로젝트 생성# 새 Vue 프로젝트 생성vue create my-project# 또는 특정 이름으로 생성vue create vue3-cli설치 과정에서 다음과 같은 옵션들을 선택할 수 있습니다:Default (Vue 3): Vue 3 + 기본 설정Default (Vue 2): Vue 2 + 기본 설정Manually select features: 수동으로 기능 선택🔄 Vu..