Vite

내가 원하는 지역의 지도를 화면에 표현해주고 싶어 React를 사용해 카카오 API를 연동해 보도록 하겠다. 1. kakaoDeveloper 사용하기먼저 아래의 사이트에 접속하여 로그인이 필요하다.https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com1-1. 프로젝트 생성 및 플랫폼 등록로그인을 한 후 내 애플리케이션에 들어가 프로젝트를 하나 생성 해 준다. 나는 toy-pj라고 미리 생성해두었다. 그런 다음 왼쪽 메뉴에서 플랫폼에 들어가 Web 부분의 플랫폼을 등록해 주면 된다. 여기서 웹플랫폼에 정확..

프론트엔드 개발 공부를 위해서 토이 프로젝트를 하나 시작해보려고 한다. 시작하기 전 프레임워크를 선택하려고 하는데 아무래도 가장 대중적인 리액트를 다루어 보려고 한다. 예전에 한번 리액트를 다루어 본 적이 있는데 조금 검색해 보니 요즘은 vite라는 빌드 툴도 함께 쓴다고 해서 이것을 가지고 진행해 보겠다. 그리고 vscode를 통해 윈도우 환경에서 개발을 진행한다.1. Vite 란?먼저 Vite는 Rollup 기반 번들링과 Go로 작성된 Esbuild 를 조합해서 엄청나게 빠른 속도를 자랑하는 빌드 도구이다. 그래서 실제로 vite로 dev-server를 구동시켜 보면 내가 코드를 짜고 저장하면 웹 브라우저에서 새로고침을 안 해도 거의 실시간으로 화면에 내가 수정한 것으로 바뀌게 된다. 그렇게 된다면 ..