분류 전체보기
[vue.js] vue2-datepicker 캘린더 주(week) 단위 선택 및 style 설정하기
서론 프로젝트에서 캘린더를 주(week)단위로 선택 해야하는 기능 요청이 있어서 적용하게 되었다. 설치 캘린더 라이브러리는 많지만 vue2-datepicker 라이브러리를 사용했다. npm i vue2-datepicker 소스 선택한 주 : {{ dateRange.start }} ~ {{ dateRange.end }} 설명 data weekTime : datepicker에서 주고받을 데이터 dateRange : 주 단위 시작 / 종료 날짜 데이터 datepickerLang : 캘린더에서 사용할 lang ex) datepickerLang: { yearFormat: "YYYY년", monthFormat: "M월", } method getClasses : 선택한 영역에 class를 적용하기 위한 메소드로 현재..
[git] Visual Studio Code(VSCode)에서 git commit & push 하기
1. Visual Studio Code 에서 수정 파일 확인 * 파일 변경 기능 확인 - 파일 열기 / 변경 내용 취소(rollBack) / 변경 내용 스테이징 기능 2. 변경 내용 스테이징 이동 3. 스테이징 항목 commit 소스제어 가장 오른쪽 ... > 커밋 > 스테이징된 항목 커밋 클릭한다. 4. 커밋 내용 작성 history에 남길 커밋 내용을 작성한다. 5. commit 한 내용 push(동기화) commit한 내용을 동그라미 표시한 영역을 클릭하여 push한다. 6. 커밋 완료 7. github 확인
[vue.js] v-for 이용하여 radio 설정 및 v-model 데이터 관리
서론 vue.js 개발하면서 자주 사용하는 radio html 설정 및 v-model 데이터 관리를 정리한다. html {{ item.value }} 선택한 key : {{ picked.key }} 선택한 value : {{ picked.value }} 설명 v-for를 이용하여 radioList를 반복하여 input & label를 노출 input - value는 picked에 set할 데이터를 선언한다. * picked에 key값만 넣고 싶다면 :value="item.key" 로 선언하여 사용한다. input - id 와 label - for는 동일값을 선언하여 click 영역을 동일화한다. input - v-model은 radio click시 input - value 값을 받을 data을 선언한다...