라이브러리마다 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: ..
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..
- Total
- Today
- Yesterday
- hackerrank javascript
- algorithm
- javascript
- 프로그래머스
- C++
- Collection Framework
- java
- compareTo()
- string class in java
- 프로그래머스 알고리즘
- spring boot application
- hackerrank solution
- easy algorithm
- code refactoring
- easy javascript algorithm
- rest parameter
- math.abs
- substring()
- Object type casting
- math.max
- Javascript Algorithm
- 알고리즘
- hackerrank javascript solution
- HackerRank Algorithm
- HashMap
- equals()
- hackerrank
- 프로그래머스 알고리즘문제
- ... in Javascript
- repeat()
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |