전경원의 블로그 전경원의 블로그

카카오 지도 API 개발하는 과정에서 겪은 일. blazor를 선택하면서 js를 쓸 일은 없겠거니 했지만, js로만 되어있는 라이브러리를 사용하게 되면 어쩔 수 없어 JS Interop을 사용해서 개발해야 한다. 처음에는 단순 함수로 개발했다. ts로 바꾸는 등 변화 과정을 기록한다. blazor project에 typescript를 적용하는 과정은 여기서 확인. 2022.03.04 - [분류 전체보기] - Blazor에서 typescript 사용하기 변경 전: javascript 기반, 단순 함수를 호출 javascript에 함수로 만들고, 전역변수를 두어 map 객체를 관리한다. 모든 변수는 전역변수로 만든다. (당연히) map이외에 marker 등 다른 함수와 섞이면서 코드 관리가 어렵다. 변수의 ..

당연하겠지만 blazor에서 javascript함수를 호출할 수 있고, javascript에서 blazor함수를 호출할 수 있다. Wasm뿐만 아니라 server side blazor도 가능하다. 참고: ASP.NET Core Blazor JavaScript interoperability (JS interop) 이 기능을 사용하면 카카오맵을 연동할 수 있다. 카카오맵 설명서: https://apis.map.kakao.com/web/ 연동하면서 생기는 이슈를 정리해본다. 기본적인 내용은 카카오맵 설명서를 참조하면 될 듯!