리액트 개발일지 로그 기록 2022/05/03

로그 내용 

• TypeScript로 전환 완료. ts. tsx확장자 중 리액트를 사용함으로. tsx를 사용. jsx도 섞어 써도 나쁘지
  않을 거 같다.
• 나사 API 적용을 위해선 첫 브라우저 로딩 때부터 모든 libraries DATA의 position값을 불러와야 하는데
  해당 위치 반경을 정해서 넣어야 할거같다. 시각적인 요소가 유저에겐 매우 크게 와닿기 때문이다.
  한 번에 포지션에 대한 위치 값들을 불러오면 다중 서버를 통해서 처음 거쳐오고 클라이언트가 
  매번 위치 값에 대한 API request에 대한 비용 절감에도 protocol 다중 요청에 요청을 줄일 수 있을 거라
  생각한다.
• (개인적인 의견) 리액트 말고도 프레임워크가 다양하게 있는데 VUES.js 는 로고부터 이름도 마음에 
  하나도 알 수가 없을까 쓰고 싶지 않은 랭킹 1순위....
• 자바스크립트에서 볼 수 없었던 Type 선언에 대한 엄격한 체크 때문에 유형 값 설정이 안 되어있다면
  브라우저 실행 자체가 되지 않았다 다만 아래와 같은 방식으로 유형 설정하게 되면 사용이 가능했다.
  

// map is not defined what is this type for? so set to any then error code is disappear.

const onLoad = useCallback((map) => (mapRef.current = map), []); [ x ] -> has no type'map'
    
const onLoad = useCallback((map:any) => (mapRef.current = map), []); [ o ] -> has type'map' : any