vue.js/vue.js 연습
[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을 선언한다...
vue.js - moment.js 를 이용한 날짜(시간) 차이 및 비교
moment.js 설치하기 npm install --save moment moment.js 시작하기 require()를 선언하면 moment 를 사용할수 있게된다. const moment = require('moment'); const today = moment(); Date Formatting console.log(moment().format('YYYY-MM-DD HH:mm:ss')) 2021-01-06 21:32:54 Date formatting과 동일하다. moment.js 테스트 소스 현재 시간 비교 테스트 시 분 초 {{ nowTime }} {{ inputTime }} {{ diffDate }} 날짜 비교 - Between * 참고 momentjscom.readthedocs.io/en/lates..
vue.js - vs code에서 rest Client 를 이용한 우편번호 api 테스트
서론 투입된 프로젝트에서 우편번호 API를 우체국의 오픈 API를 이용하여 개발을 진행하기로 하였다. 그래서 오픈 api 테스트를 위해 postman을 검색하던 중 vue.js에서 사용하는 vs code에서 간단하게 사용할수 있는 rest client 를 알게되어 작성하게 되었다. rest client 설치 vs code에서 rest client를 검색해서 설치해주면 끝! 사용하기위해선 vs code를 재시작해줘야한다. rest api 요청 보내기 파일을 .http 로 생성 후 하단 소스처럼 ###으로 각 요청에 대해 구분을 주고 [method] [url] 형식으로 작성 후 요청할 곳에 커서를 두고 오른쪽 마우스 - send request 를 클릭한다. ### GET http://biz.epost.go...