[TIL]21.12.15

useEffect 사용방법 예시(CleanUp function이란?)

  useEffect(() => {
    let mounted = true;
    setTimeout(() => {
      if (mounted) {
        setIsFading(true);
      }
    }, dismissTime - 500);

    return () => {
      mounted = false;
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

import 와 require의 차이점

require()와 import()의 주요 차이점 중 하나는 require()는 프로그램 내부 어디에서나 호출할 수 있는 반면 import()는 조건부로 호출할 수 없으며 항상 파일의 시작 부분에서 실행된다는 것입니다.
export와 export default 차이점
export default을 하게되면 그파일에서 그것하나만 export 할 수 있다.
모던 자바스크립트 딥 다이브

프리랜서 사이트 => https://flexiple.com/

카카오톡 지도 API 리액트에서 구현했다

https://apis.map.kakao.com/web/guide/
https://cotist.tistory.com/3

curl -v -X GET "https://dapi.kakao.com/v2/local/search/address.json" \
-H "Authorization: KakaoAK {Rest APIKEY}" \
--data-urlencode "query=경기 월산리 269"
로 다음과 같은 정보를 얻었다. 홈페이지의 오시는 길의 지도를 구현하기 위해 다음과 같은 정보를 얻어서 지도가 바로 원하는 지표에 보이도록 했다.

JS eval
{
"documents":[
{
"address":{
"address_name":"경기 남양주시 화도읍 월산리 269",
"b_code":"4136025627",
"h_code":"4136025600",
"main_address_no":"269",
"mountain_yn":"N",
"region_1depth_name":"경기",
"region_2depth_name":"남양주시",
"region_3depth_h_name":"화도읍",
"region_3depth_name":"화도읍 월산리",
"sub_address_no":"",
"x":"127.328690802929",
"y":"37.6499514048975"
},
"address_name":"경기 남양주시 화도읍 월산리 269",
"address_type":"REGION_ADDR",
"road_address":{
"address_name":"경기 남양주시 화도읍 경춘로달뫼2길 10",
"building_name":"",
"main_building_no":"10",
"region_1depth_name":"경기",
"region_2depth_name":"남양주시",
"region_3depth_name":"화도읍 월산리",
"road_name":"경춘로달뫼2길",
"sub_building_no":"",
"underground_yn":"N",
"x":"127.328661960946",
"y":"37.6498864345427",
"zone_no":"12190"
},
"x":"127.328690802929",
"y":"37.6499514048975"
},
{
"address":{
"address_name":"경기 양평군 지평면 월산리 269",
"b_code":"4183039523",
"h_code":"4183039500",
"main_address_no":"269",
"mountain_yn":"N",
"region_1depth_name":"경기",
"region_2depth_name":"양평군",
"region_3depth_h_name":"지평면",
"region_3depth_name":"지평면 월산리",
"sub_address_no":"",
"x":"127.664027845505",
"y":"37.4696746561215"
},
"address_name":"경기 양평군 지평면 월산리 269",
"address_type":"REGION_ADDR",
"road_address":null,
"x":"127.664027845505",
"y":"37.4696746561215"
}
],
"meta":{
"is_end":true,
"pageable_count":2,
"total_count":2
}
}