[React]이벤트 핸들러에 인자 전달하기

const test = (num) => { console.log(num); }; return ( 1: Click 2: test(1) }>Click ); 아마 개발에 익숙하다면 1번이 익숙하실 겁니다. 그런데 리액트에서는 1번으로 할 경우 시뻘건 화면을 띄우면서 무한 루프에 빠졌다고 오류를 뱉어냅니다. 반드시 2번처럼 하셔야 합니다. [참고]

[React]React, JSX 주석

/* const person = { name: "James", age: 30, }; */ return ( {/*name : { person.name } age : { person.age }*/} ); 리액트의 주석은 자바스크립트와 다르지 않습니다. 한 줄의 경우는 //, 여러 줄의 경우는 /* */ 이렇게 사용하시면 됩니다. 다만 jsx의 경우는 위 return문에 있는 것처럼 중괄호({})로 한 번 감싸야 합니다.

[React]label 태그에 for 속성을 쓰려면?

위처럼 label 태그에 for 속성을 쓰게 되면 아래처럼 경고를 띄웁니다. 답도 나옵니다. htmlFor를 의미하는 거냐고... 웃기게도 작동은 합니다. 위 경고를 안 보려면 for 대신 htmlFor 속성을 쓰시면 됩니다. 카멜케이스로 되었으니 꼭 맞게 쓰셔야 합니다.

[정규표현식]숫자를 감싸고 있는 대괄호([1])에서 숫자만 삭제하기

[jQuery]Datepicker 복사(clone)했을 때 작동 안 하는 경우

clone()을 사용한다는 가정 하에 나름(?) 있을 법한 모양을 잡았습니다. line 10 복사하기 전 원본에서 실행을 위함이니 반드시 있어야 합니다. line 14 여기가 핵심입니다. datepicker를 실행해 보면 항상 class에 hasDatepicker가 생기고 id에 랜덤하게 어떤 값들이 들어갑니다. 이걸 초기화시키고 다시 datepicker가 실행되도록 하면 정상적으로 작동합니다. 물론 처음 실행할 때의 옵션들은 전부 똑같이 넣어야 합니다.

주소로 경도, 위도 갖고 오기

위에 빨간색으로 칠한 &libraries=services를 붙이지 않을 경우 geocoder 부분에서 오류가 뜹니다. 반드시 붙이셔야 합니다. APPKEY라고 된 부분이 있는데 카카오 Kakao Developers에 가셔서 APP KEY를 발급받으시면 됩니다. [예제]