Never give up

이번 업데이트에서는 1. 지도 바운더리 좌표값 콜백으로 받는 기능(북동, 남서) 2. util부분 메소드 deprecated 처리 기능 추가 및 일부 수정을 했는데 먼저 지도 바운더리는 다행이도 이미 구현되어있는 예제가 있어서 그냥 이식(?) 했고 (링크 : https://apis.map.kakao.com/web/sample/addMapBoundsChangedEvent/) 간만에 소스코드 훑어보니 camera idle부분 처리를 거지처럼(?) 해놔서 이벤트값 수정하고 KakaoLatLng class를 이용해서 조금 더 직관적으로 변경을 해놨습니다 cameraIdle: (message) { KakaoLatLng latLng = KakaoLatLng.fromJson(jsonDecode(message.mess..

노드로 특정 테스트를 해보려고 포트 5000번을 사용했는데 이미 사용중이라는 메시지를 받아서 사용할 수가 없었습니다 그래서 어디에서 사용중인지 확인을 해봤습니다 complex-main? complex-main port 5000

이번에 업로드 한 부분 버그픽스 위주로 작업했습니다 먼저 변경된점으로는 1. zoom level도 custom script에 넣어줬습니다 2. KakaoMapScreen은 deprecated 했습니다 (자세한 내용은 아래에서 말씀드리겠습니다) 3. 웹뷰 버전업 후 안드로이드에서 마커있는곳에 center가 안잡히는 문제를 수정했습니다 4. 사용중인 패키지를 업데이트 했습니다 (webview flutter, http) 여기서 2번 문제는 범이라는 프로그래머 분께서 문제가 있다고 말씀해주셔서 확인해봤는데 Webview에서 안드로이드는 intent, IOS는 itms apps scheme를 사용하는 곳에서 정상작동하지 않는 부분을 확인했습니다 사실 Webview쪽에서 직접 지원을 해주는게 좋지 않을까 생각은 하..

먼저 필자는 문서를 간단하게 보기는 했지만 React를 어제 처음 시작했고 Node는 오늘 처음으로 REST API를 구현해봤으니 많은 부분이 미숙하다는걸 감안하고 봐주시면 감사드리겠습니다 React는 아래 유튜브 영상에서 나온대로 함수형으로 한번 구현을 해보고 공식문서에 나와있는 예제를 보면서 class형에 대한 감을 대충(?) 잡고 class형으로 변환을 해봤습니다 (Youtube 링크 : https://www.youtube.com/watch?v=w7ejDZ8SWv8) (공식문서 링크 : https://ko.reactjs.org/tutorial/tutorial.html) 그리고 Node는.. 그냥 검색하면서 여기저기 나오는 자료들 찾아가면서 대충(?) server.js만 만들어서 아래처럼 구현했습니다..

Svelte kit으로 간단한 반응형 페이지 및 간단한 fetch 테스트를 해봤습니다 먼저 Flutter 예제와 동일하게 JsonPlaceholder에서 간단한 Get 호출 및 처리 그리고 간단하게 html이랑 css로 화면에 표현 하는 부분만 다뤄봤습니다 먼저 폴더구조는 아래 이미지처럼 api, routes로 간단하게 나누었고 api/common.js const getPosts = async (index) => { const res = await fetch(`https://jsonplaceholder.typicode.com/posts/${index}`) const posts = await res.json() return { body: { posts } } } export {getPosts} routes..

혹시 왜 포스트를 안 올리는지 궁금하시는 분이 있을것 같아서 말씀드리자면.. (제 블로그 정기적으로 보시는분은 없겠지만..) 갑자기 웹을 개발해야되는 상황이 생겨서 플러터에 전 만큼 시간을 투자할 수 없게 되었고 이제 웬만한 자료들은 다 있어서 포스팅 주제(?)를 찾기 어렵게 된 이유도 있습니다 처음에는 플러터 웹을 시도해보려고 했는데, 같은 플러터 코드다 보니 기능은 금방 구현이 가능한데 웹에 적합한(?) UI/UX를 개발하는 시간, SEO문제 그리고 생각보다 큰 용량과 rendering속도 등이 조금 아쉬운것 같아서 웹 프레임워크 그 중 svelte를 사용하게 되었습니다 svelte를 선택하게 된 이유는 (위에서 시키는대로) 진입장벽, 스터디 시간, 구현 난이도 및 시간 등 여러가지를 고려해봤을 때 ..

이전부터 콜백 몇가지 (zoom level change, camera idle)을 추가해야겠다라는 생각은 있었습니다만.. 다른 할 일이 좀 많기도 했고, 휴식이 좀 필요하다보니 나중에 누가 요청하면 같이 업데이트 예정이었는데 (간단히 말해.. 귀찮아서) 근데 추석 전날에도 열심히 코딩하시는분께서 이슈에 "지도 레벨을 특정 상황에 따라 변경해주고싶다" 라고 하셔서 다른사람한테는 필요할 수도 있겠구나 그리고 특정 기능이 없어서 못쓰고 있었던 분들도 있지 않을까 하는 생각에 몇가지 업데이트를 해봤습니다 zoom level change, camera idle event, default zoom level 추가 그리고 webview패키지의 evaluateJavascript를 활용해서 사용자들이 필요한 script..

pub dev 링크 : https://pub.dev/packages/kakaomap_webview UTF - 8 지원하는 부분을 찾아서 추가 업데이트를 진행했습니다! 이번 버전에서 업데이트 한 부분은 Overlay추가 입니다 overlay가 뭐냐 하면.. 마커 위에 설명(?) 부분을 지원하는 부분입니다 그리고 커스터마이징 까지 지원! utf-8지원 이후로 조금 더 많은 커스터마이징이 가능할거 같습니다 추가로 css도 잘 됩니다!? 커스터마이징은 직접 JS로 작업해야되는 부분이 많다보니 제가 도움은 못 드릴거 같습니다.. 디자인 감각 제로에 CSS 정말 기초만 압니다.. (사실 JS도..)