개발중/Vue.js (52) 썸네일형 리스트형 리눅스에서 npm run 시키기 세팅 Node.js 저장소를 추가하여 yum이 최신 Node.js를 설치할 때 찾을 위치를 알 수 있도록 한다 curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash - nodejs 다운로드 하려고 하니 sudo yum install -y nodejs 아래 에러 발생 removing mirrorlist with no valid mirrors: /var/cache/yum/x86_64/6/base/mirrorlist.txt 아래 명령어 입력 후 다시 nodejs 다운로드 받으니 성공 echo "https://vault.centos.org/6.10/os/x86_64/" > /var/cache/yum/x86_64/6/base/mirrorli.. Vue 프로젝트 생성 후 실행까지 Vue CLI 설치 npm을 이용하여 설치하는데 -g 옵션을 통해 현재 프로젝트 node_module에 설치하는 것이 아닌 시스템 전역으로 설치합니다.(global 패키지로 등록) --save 옵션을 줄 경우 현재 작업 중인 디렉토리 내에 있는 node_modules에 패키지를 설치하고, 이후 package.json 파일에 dependencies에 설치 패키지 정보를 추가합니다. npm install -g @vue/cli Vue 프로젝트 생성하기 1. cmd 혹은 터미널에서 vue 명령어 실행 - 프로젝트명을 카멜케이스로 입력할 경우 에러 (ex:vueProject) - 케밥케이스로 입력합니다. (ex:vue-project) -- vue/cli 3.x 이상일 경우 vue create 프로젝트명 -- vu.. vue 프로젝트 생성법 npm i -g @vue/cli vue.cmd --version vue.cmd create https://soobindeveloper8.tistory.com/282 이클립스에서 vue 파일 생성하는 방법 vue 로 프로젝트를 다시 생성해서 하나씩 알아가고 싶어서 프로젝트를 생성하는데 있어서 막히는 부분이 있었다. 그래서 @다솜 님의 도움으로 해결 할 수 있었다 #땡큐 Base 가 되는 프로젝트를 soobindeveloper8.tistory.com el-tabs tab 크기 조정하기 el tabs 를 사용하는데 tab 은 다섯개인데 두 개 밖에 안보이는 것이다. 알고보니 상위 컴포넌트의 스타일에 영향을 받고 있었다. 아래 코드가 핵심이지만 또 쓸 수 있으니 전체 코드 기록 하기 : ) ::v-deep .el-tabs--border-card > .el-tabs__header .el-tabs__item { width : 20% !important; text-align: left; border: 1px solid red; } 비교 날짜 ( 시작과 끝 ) 존재할 때 날짜 유효성 검사 로직 비교 날짜 ( 시작과 끝 ) 존재할 때 날짜 유효성 검사 로직 시작 날짜 선택시 고려 사항 End Date 날짜보다 크면 ㄴ "끝 날짜보다 많은 날짜를 선택 할 수 없습니다" ㄴ Start old Date 를 Start Date 에 삽입 끝 날짜 선택시 고려 사항 Start Date 날짜보다 작으면 ㄴ "시작 날짜보다 적은 날짜를 선택 할 수 없습니다" ㄴ End old Date 를 End Date 에 삽입 기존 코드 {{ date1 }} ~ {{ date2 }} 비교 코드 {{ dateStr1 }} ~ {{ dateStr2 }} [ vue ] - tree 구현 정리 나는 백엔드 개발자로써 ( 현실은 어쩌다 풀스텍 ) 현재 기존에 개발되어 있는 라이브러리를 기반으로 개발을 진행하고 있다. 그래서 tree 개발은 커녕 실력 좋은 프론트엔드 개발자가 만들어 놓은 el-tree 를 사용했다. el-date-picker 시작날짜 / 끝날짜 disable template data data () { return { listQuery : { searchDateRange : [ new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()-1) , new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()-1) ] } , pickerOptions :[ { disabledDate: this.disabledDate0 , onPick: this.pick } , { disabledDate: this.disabledDate1 , onPick: this.pick } ] } } } method pick({ maxD.. [ vue ] Date Picker 시작날짜 끝날짜 선택시 고정 🖤 글이 도움이 되었다면 유튜브 클릭 해주세요 🖤 https://www.youtube.com/channel/UCgkxlLdjrlsFyp2GGxzY59A 디벨빈수 안녕하세요. 저는 2년차 #비전공자 #풀스택 #개발자 빈수 입니다. ლ(╹◡╹ლ) .. 구독 댓글과 좋아요 알림 설정 감자합니다. - 개발 블로그 : https://soobindeveloper8.tistory.com/ - 깃허브 : https://github.com www.youtube.com Date Picker 사용 요구사항 1 기존에는 시작 ~ 끝 날짜가 1달 차이로 움직였지만 수정 사항은 시작날과 마지막날을 선택 할 때 같은 picker 를 사용해야 하지만 각 위젯을 분리되어 날짜가 움직여야 한다 vue datepicker 다운 npm i.. 이전 1 2 3 4 ··· 7 다음
