Studying programming

라이브러리마다 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은 손을 떼지않고 누른 상태 그 자체이다.

1. 순수하게 input 만을 이용한 version. without any modules ModalTemp.js -> onChange 를 사용해서 상단으로 넘겨줘서 onSave로 넘긴 데이터 사용. 테스트 onSave(e)} /> 테스트2 onSave(e)} /> index.js -> 자식컴포넌트에서 받아온 data를 내가 저장할때 필요한 data 틀을 useState를 이용해서 만들어서 넣어준다 const [regist, setRegist] = React.useState({ test: '', test2: '' }); const registerHspt = (data) => { setRegist({ ...regist, [e.target.name]: e.target.value, }); . . 2. Modal..