Vue 2021. 11. 21.
[Vue] Vue-cli2 프로젝트 생성 및 실행
Vue-cli2 프로젝트 생성 방법 1. 프로젝트 생성 프로젝트가 생성되었으면 좋겠는 폴더 위치로 이동하여 아래와 같은 명령어를 입력하시면 됩니다. 이때, VSCode 터미널 창에서는 vue가 아닌 vue.cmd로 명령어를 입력하시면 됩니다. - cmd창 : vue init - VSCode 터미널창 : vue.cmd init template-name과 project-name을 입력하라고 알려줍니다. template은 vue에서 기본적으로 5가지를 제공합니다. 5가지에 대해 알아봅시다. [template 종류] webpack : 모듈번들러를 hot-reload, linting, test, CSS추출 기능 등 대부분의 기능을 갖추고 있는 webpack으로 사용하고, vue-loader를 포함하는 templa..
Vue 2021. 11. 21.
[Vue] Vue-cli 2 설치 방법 및 버전 확인
Vue 3이 나왔음에도 Vue 2를 설치하는 방법을 올리는 이유는 회사에서 아직까지 Vue 2를 사용하고 있기 때문입니다. Vue의 모든 프로젝트를 Vue 3으로 올릴 때까지는 Vue 2를 사용할 것이니 2로 프로젝트를 생성하여 연습해보려고 합니다! 🔨 Vue-cli 2 설치 방법 1. npm 설치 npm이 설치되지 않았다면 아래 링크로 가서 설치방법 참고하시면 됩니다. https://developer-kimmy.tistory.com/31 NPM(Node.js) 설치 및 버전 확인 방법 npm을 설치하기 전에 npm이 무엇인지 간단하게 알아보자. npm이란 npm은 Node Package Manager의 약어로 자바스크립트 프로그래밍 언어인 Node.js를 위한 패키지 관리자이다. 그렇기에 npm은 No..
Vue 2021. 8. 24.
[AG Grid] ag-grid 속성
Ag Grid 속성 rowSelection - 행 선택 유형 - 'single' : 단일 행 선택 - 'multiple' : 여러 행 선택 rowMultiSelectionWithClick - 'true'이면 여러 행을 선택할 수 있도록 선택 suppressRowClickSelection - 'true'이면 행 클릭 시 select 및 check가 되지 않음 suppressHorizontalScroll - 'false'이면 가로 스크롤바 표시 안함 - 행 크기가 자동 조절일 때 사용 Ag Grid 칼럼 속성 headerCheckboxSelection - 전체 체크박스가 가능한 헤더 체크박스 - 무한 스크롤에서는 해당 기능이 제공되지 않음 checkboxSelection - 각 행마다의 체크박스 - 무한 스..
