vcpkg windows, linux 사용 방식
별도의 폴더를 만들어서 사용한다.
windows 에서는 vcpkg_windows 로 폴더를 만들어서 환경변수에 VCPKG_ROOT 로 등록한다.
linux 에서는 vcpkg_linux 로 폴더를 만들어서 환경변수에 VCPKG_ROOT 로 등록한다.
react + typescript + leaflet
create project $ npx create-react-app@latest project-name –template typescript $ cd project-name $ yarn add react react-dom leaflet $ yarn add react-leaflet $ yarn add -D @types/leaflet add App.css .leaflet-container { width: 100%; height: 100vh; } change App.tsx import { MapContainer, TileLayer } from "react-leaflet"; import "leaflet/dist/leaflet.css"; import "./App.css"; function App() { return ( <div className="App"> <MapContainer center={[36, 128]} zoom={4} scrollWheelZoom={true}> <TileLayer attribution='© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" /> </MapContainer> </div> ); } export default App;
댓글
댓글 쓰기