리액트 2

[React-GATSBY] 구글 GEO차트로 지도 구현하기

리액트로 정말 많은 것들을 모듈로 불러와서 사용하는 것이 가능하다. 오늘은 이 중에서 구글 GEO차트로 지도를 구현하는 것에 대해 적어보려고 한다. 지도는 기본적으로 전세계 지도로 구현된다. 이 외에도 특정 국가만 보이도록 구현하는 것이 가능하다. ISO 3166 전 세계의 나라와 부속 영토, 나라의 주요 구성 단위의 명칭에 고유 부호를 부여하는 국제 표준으로 세 가지 세부 표준으로 구성된다. ISO 3166-1은국가별 번호가 지정되어있다. https://namu.wiki/w/ISO%203166 ISO 3166 - 나무위키 ISO가 아닌 다른 단체나 개인이 추가 할당한 코드들. 예를 들면 다음과 같은 것들이 있다. 국가나 지역이 아닌 것도 있다. QZ: 유럽연합 식물품종청(Community Plant V..

web/➡️Front 2023.07.14

[React-GATSBY] 개츠비 개발 환경 구축

개츠비란? 다양한 데이터 소스를 이용하여 정적 웹사이트를 빌드하는 리액트 기반 오픈 소스 프레임워크 리액트의 장점을 그대로 가져오면서 정적 웹 사이트를 쉽게 만들 수 있다. 개츠비의 장점 정적 웹페이지 방식을 사용하기 때문에 웹사이트 운영 비용이 저렴하고 페이지 로딩 속도가 빠르다 리액트를 이용하여 정적 웹페이지를 개발할 수 있어 개발 생산성이 좋다 개츠비의 단점 웹페이지의 콘텐츠 내용이 변경될 때마다 다시 빌드하여 배포해야 하는 번거로움이 존재 실시간으로 변경되는 데이터나, 게시판 같이 사용자들이 동적으로 만들어내는 콘텐츠를 보여주는 데 최적화되어 있지 않음 언제 사용하면 좋을까? 콘텐츠가 자주 변경되지 않으며 변경 사항을 실시간으로 반영하지 않는 정적 웹사이트 개발에 적합하다 상황에 따라 정적 웹페이..

web/➡️Front 2023.07.08