VS Code로 vue 개발하는데 사용하는 최애 확장프로그램 모음VeturVue VSCode SnippetsPalenight ThemeESLintMaterial Icon Theme폰트 크기.vue 파일의 코드 하이라이팅을 위해서 사용합니다.vetur 설치 전vetur
뷰의 실행모드와 환경 변수를 설정하는 방법에 대해 알아봅시다.참고 링크: Modes and Environment Variables(https://cli.vuejs.org/guide/mode-and-env.html로컬에서는 http://localhost
다음과 같은 채팅 웹 애플리케이션을 vue.js 를 사용해서 만들것입니다. 웹소켓을 사용할 것이고요, 배포까지 진행해봅시다. vue 채팅앱 서비스 링크 urman.gif 이번에는 프론트엔드 개발 환경 설정을 다룹니다. 1. vue cli 설치 vue cli는 뷰 프로젝트 생성, 라이브러리 관리, 배포 파일 생성 등의 기능을 지원하는 프로그램입니다. vu...
너무너무 길어져버렷! vue 개발을 할때 사진과 같이 impport 하는 컴포넌트의 경로가 너무 길어지는 현상이 있습니다. vue-cli 2.x 에서는 webpack.config.js(웹팩 설정 파일)에서 @를 사용하는 경로가 정의되어있습니다. 따라서, 다음과 같이
ezgif.com-video-to-gif (1).gif 목표: 텍스트 필드에서 에러를 발생시켰는데, 사용자 입력이 있으면 에러를 지운다! 1. 상황 뷰로 작업을 할때 위 처럼 텍스트 필드의 에러를 처리할 때가 있다. 간단하게 정리하면, 1) 공백이면 에러를 발생시킨다. 2) 사용자 입력이 주어지면 에러를 없앤다. 그럼 어떻게 만들것인가? 1) 공...
환경 vue-cli 3.x 이상 eslint recommended VS code ESLint (VS code 플러그인) 협업 프로젝트를 진행할때 코딩 컨벤션을 따르지 않으면 타인이 작성한 코드를 쉽게 이해할 수 없는 경우가 발생한다. 또한, 개인 프로젝트에서도 일정한