Vue44 [Vue] Vue에서 Sass 설치하고 사용하는 방법 Sass 설치하기 npm npm install -D sass-loader sass yarn yarn add -D sass-loader sass Sass 사용하기 scss를 사용하고 싶으면 lang="scss"를 입력하면 된다. ... 2022. 6. 10. [Vue/ESLint 에러해결] Component name "Something" should always be multi-word. ⚠️ 에러내용 원문 Component name "Count" should always be multi-word. 해석 컴포넌트 이름 "Count"는 여러 단어로 이루어져야한다 ❓ 에러발생이유 ESLint 설정에서 컴포넌트 이름이 한단어로 이루어져 있을 수 없도록 설정했기 때문에 에러가 발생하였다. ❗️ 해결방법 1. ESLint 재설정 'vue/multi-word-component-names': ['error', { 'ignores': ['Home'] }] 2. 컴포넌트이름 두단어 이상으로 변경 2022. 6. 10. [Vue] CLI로 Vue 프로젝트 생성하기 전역으로 vue CLI 설치하기 CLI(Command Line Interface): 컴퓨터에 그래픽으로 명령을 내리는 GUI(Graphic User Interface)와 반대되는 개념으로 커맨드 라인 즉 일종의 코드로 컴퓨터에 명령을 내리는 것. npm npm install -g @vue/cli yarn yarn global add @vue/cli vue 프로젝트 생성 해당 명령어로 vue 프로젝트 생성 vue create 버전2와 3중에 선택 설치가 끝나면 프로젝트 안으로 들어가 해당 프로젝트를 실행한다 cd npm과 yarn 둘중 하나로 프로젝트 실행 npm run serve yarn serve 해당 주소로 접속한다 http://localhost:8080/ 2022. 6. 9. [Vue] 반응형데이터 만들고 화면에 출력해주기 (선언적 렌더링) ⚠️ 이 포스팅은 Vue3(한국어): 시작하기를 공부하고 정리한 블로그 포스팅입니다. ⚠️ 선언적 렌더링(Declarative Rendering) 선언적 렌더링 JavaScript로 HTML 문서의 데이터를 변경할때는 다음과 같은 과정을 거친다: 1. 데이터 변경 2. 변경된 데이터를 해당 요소에(화면에) 업데이트 JavaScript로 문서에 있는 데이터를 변경할때는 항상 변경된 데이터를 화면에 표시해주는 작업을 해주어야한다. 이러한 불편함을 해소하기 위해 자바스크립트 프레임워크, 라이브러리를 사용한다. Vue, React, Svelte와 같은 자바스크립트 프레임워크는 데이터를 변경하는 즉시 화면에 반영되기 때문에 변경된 데이터를 화면에 출력하는 작업을 생략할 수 있어 편리하다. 아래의 코드는 자바스크립.. 2022. 6. 9. 이전 1 2 3 다음
