Studying programming

api response 에서 받아온 두개의 밀리세컨드의 차를 구한 뒤 나온 밀리세컨드 값을 처리하면서 HH:MM:SS 시분초로 나타내는 두가지 방법 this.$http.get('/report/details', { params: { 'startDate': this.search.sDate ? this.$moment(this.search.sDate).format('YYYYMMDD') : '', 'endDate': this.search.eDate ? this.$moment(this.search.eDate).format('YYYYMMDD'): '', } }).then(response => { const item = response...

라이브러리마다 v-model을 사용할 때 조심해야겠다.   { changeService(data) }"/>...changeService (id) { this.item.serviceId = id; this.item.serviceName = this.serviceList .filter(opt => id.includes(opt.id)) .map(opt => opt.name) .join(', '); this.getFacilityList(); this.getRadiologistList();},  같은 modal component 에서 좀 헷갈렸던 부분이 있는데 기존에 사용하던 라이브러리들은 multiple을 사용하지 않아서 단일 id로 v-model을 설..

type은 number고정, min과 max로 범위지정 후 0-9가 아닌 경우에는 입력을 방지하는 메서드 사용.  charCode 변수는 키보드 입력의 키 코드를 저장 if 조건문에서 charCode === 46 은 (소수점)을 허용하는 경우.charCode 57는 ASCII 코드에서 숫자(0-9)에 해당하지 않는 키.숫자가 아닌 키가 입력되면 event.preventDefault();가 호출되어 해당 입력이 무시됨  isNumber (event) { const charCode = (event.which) ? event.which : event.keyCode; //숫자(0-9)가 아닌 경우를 확인 if (charCode === 46 || charCode > 31 && (charCode ..

window.location 을 이용해서 페이지이동으로 하려고하니 전체 페이지가 refresh되면서 recoil의 state가 날아가는 현상이 발생 next/router를 이용해서 계속 에러가 발생했는데 next/navigation 의 useRouter를 사용했어야했다. import { useRouter } from 'next/navigation'; export default function Page() { const router = useRouter(); return ( router.push('/dashboard')}> Dashboard ); } Reference https://beta.nextjs.org/docs/api-reference/use-router Client Component Hooks: ..

type 이 text면 되는데 password 일 경우 outline이 그대로 나타나는데 아래의 css를 추가하면 없어진다. focus:border-transparent focus:ring-0

document.addEventListener('click', handleClickOutSide); click은 말그래도 마우스로 클릭하는 것이고 mousedown은 손을 떼지않고 누른 상태 그 자체이다.