일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- mySQL_Replication
- setInterval 정지
- pm2 상태 확인
- 서버동기화
- pm2 시작
- DatePicker
- 1883
- setInterval 중지
- 공인IP
- listener 1883
- AntDesign
- html #select #option #multiple
- setInterval clear
- timepicker
- setInterval 외부 정지
- pm2 설치
- mosquitto
- 맥 어드레스
- allow_anonymouse
- pm2 확인
- pm2
- Replication
- transfer
- mosquitto.conf
- c# datagridview 데이터 넣기
- map이 undefined가 뜰 때
- DataGridView 직접 입력
- 데이터테이블 데이터 넣기
- datagridview 직접입력
- invalid data
- Today
- Total
목록React (88)
개발 노트
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/12Tik/btsq0xFiJPK/OhHu4B1GSWPm7oWoLtFVd1/img.png)
Kakao 지도 Javscript API 는 키 발급을 받아야 사용할 수 있습니다. 그리고 키를 발급받기 위해서는 카카오 계정이 필요합니다. 키 발급에는 아래 과정이 필요합니다. 1. 카카오 개발자사이트 (https://developers.kakao.com) 접속 2. 개발자 등록 및 앱 생성 3. 웹 플랫폼 추가: 앱 선택 – [플랫폼] – [Web 플랫폼 등록] – 사이트 도메인 등록 4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080) 5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다. 6. 앱을 실행합니다. index.html에 코드를 작성한다. API를 사용할 파일 상단에 작성..
antd에서 Table안 row를 클릭 시 이벤트 지정은 onRow 속성을 추가하여야 한다. { return{ onClick : ( )=>{ }, .... // row에 대한 각종 이벤트를 할당한다. onEvent : ( ) => { } } }} />
useState를 사용하여 setState를 여러번 사용하여 state를 변경하려고 하였으나 하나의 setState만 적용 리엑트는 batch란 특징을 가지고 있다. batch는 리엑트가 효율적인 렌더링을 하기위한 방법 중 하나다. batch는 일괄처리를 뜻하는데 setState는 비동기적으로 동작을 하여서 여러 setState가 있다면 거의 동시적으로 모든 setState가 실행이 된다. 이때 setState가 끝나는 경우에마다 state가 변경되니 리엑트가 리렌더링 되지 않고 batch란 특성으로 마지막으로 끝난 setState만 적용된다. 리엑트에서 일정한 순서에 따라 State가 변경되어야 할때 함수형 업데이트를 사용한다 함수형 업데이트는 setState에서 인자가 아닌 함수를 할당해주는 것이다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/m4Euq/btsjQhB3klz/7bpHIoxX28xFj4w0L296YK/img.png)
현재 상황 회원 추가시 ID를 입력하는 부분이 있다. ID 입력 input에서 포커스가 out되면 비동기 처리를 하여 중복된 ID 검사를 하기위한 유효성 검사가 필요하다. 문제 분석 및 해결 과정 Ant Design의 Input을 사용하다 보니 onFocusout, onInput 이벤트에 관한 부분이 없었다. ( 타이핑 시 이벤트 발생 리스너 ) 위 이벤트를 대신할 onChange를 통해서 비동기 유효성 검사 기능을 만들어야 한다. 비동기 유효성 검사 기능을 구현하기 위해 입력 후 일정 시간이 지나면 비동기 통신으로 유효성 검사를 하고자 추정 기능 구현을 타이머에 관련된 구글링도중 쓰로틀링(throttling)과 디바운싱(debouncing)을 찾음 여기서 디바운싱(debouncing)은 연속된 함수 호..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c9zkC2/btsjPqsIaWQ/yFmPTEco7OfFBdxpIrfg90/img.png)
경고 원인 특정 컴포넌트를 import한뒤 사용하지 않거나, 템플릿 문자열 표현식이 형식에 맞지 않을때 발생 ( Unexpected ) 해결 방법 /* eslint -disable */이란 주석으로 해당 경고 부분을 감싸면 경고 메시지가 띄지 않는다.