Never give up

최근 회사에서 swagger에 있는 api 및 타입 자동생성 도입을 고민해서 두가지를 시도해봤습니다 1. OpenAPI Generator https://www.npmjs.com/package/@openapitools/openapi-generator-cli 2. swagger-typescript-api https://www.npmjs.com/package/swagger-typescript-api 작동방식은 둘 다 swagger에 있는 yaml이나 json파일을 파싱해서 코드를 생성해주는 도구인데 1번은 java로 만들어져있어서 별도로 jdk를 설치해야돼고 상대적으로 무거웠습니다 다만 config파일을 직접 설정할 수 있는면에서 script 부분이 깔끔해지는 장점이 있습니다 이런식으로 말이죠 // packa..

최근에 이것저것 토이 프로젝트를 만들어봤는데 정리할 시간이 없어서 공유를 못해드리고 있는거 같습니다 일단 작업물들 간단히 gif 보여드리고 정리 후 하나씩 업로드 해보도록 하겠습니다 작업물1. Code editor(포스트 완료) jsfiddle, codepen 등 코드 에디터 및 화면에 결과 출력, console 출력 등 기능등이 들어간 예제 1. react component string을 렌더링 2. textarea에 highlight 3. iframe console을 parent에 표시 4. +@(textarea shortcut) 정도의 작업물인데, 생각보다 고민해야될 요소가 많은거 같았습니다 작업물2. 3D Earth thrree js, fiber를 이용해서 지구 구현 및 2d - 3d 좌표 맵핑 ..

플러터는 옛날에(?) package를 올려봤는데 웹 개발 시작하고 나서 라이브러리도 한번 만들어보고 싶다 라는 생각으로 이것저것 개발해봤는데 상대적으로 오래돼서 그런지 주제를 정하기가 쉽지 않았던거 같습니다 전 회사에서 개발하면서 라이브러리로 만들려고 했었던걸 미루다 미루다 이제야 업로드하게 되었습니다 서론이 길었는데 라이브러리 명은 feat에 적어놓은 것처럼 userevent-tracker입니다 (링크 : https://www.npmjs.com/package/userevent-tracker) 말 그대로 유저 이벤트를 트래킹 하는데 현재 페이지 이동 여부, 클릭, os, browser info 등등을 수집하고 있고 이 데이터들을 서버에 저장해놨다가 통계에 사용하면 좋을거 같습니다 현재 로컬 스토리지에 저..

오늘은 Dart에서 사용하는 Completer를 typescript에서도 사용해봤습니다 (dart completer 링크 : https://api.flutter.dev/flutter/dart-async/Completer-class.html) 공식 문서에 따르면 A way to produce Future objects and to complete them later with a value or error 이 친구를 간단하게 설명하자면 내가 원하는 시점에 다른 곳에서 Promise를 완료시켜줄 수 있는 친구입니다 말로는 뭔지 조금 애매하니 예제와 함께 보도록 하겠습니다 본격적으로 시작하기전에 경고문구가 필요할거 같아서 한번 만들어봤습니다 (사실 예제 만들면서 이거 이렇게 쓰면 안되는데.. 하는 생각이 더 많..

5월 12일 오전에 Flutter 3.0으로 업데이트 되었습니다 주요 업데이트 내용으로는 Mac os, Linux os 공식지원 Casual game toolkit 지원 다국어 텍스트 입력지원 silicon mac 공식지원 윈도우 7/8 지원 중단 모바일 : 폴더플 폰 지원, IOS 주사율에 따른 문제 해결, IOS 배포 간소화, android gradle 7.4이상 필요, 32비트 ios 지원중단 웹 : 이미지 디코딩 성능 개선, 새로운 라이프사이클 도입 성능 개선 Material design 3 지원 기타 등등 으로 2.0때와 달리 크게 달라진점은 없는거 같은데 IOS는 테스트 해보니 전보다 조금 더 빨라진거 같기도 하고 아닌거 같기도하고.. 다음으로 안드로이드를 테스트 해보려고 했는데.. 회사에서 ..

이번 버전에서 추가 및 변경된 부분은 KakaoPolygon이 KakaoFigure로 변경 polyline 추가 일부 로직을 개선 으로 1번은 많은 필드를 공유하는 polygon과 polyline을 동시에 사용할 수 있도록 하였고 polyline부분을 추가했습니다 그리고 stroke style부분도 추가했습니다 3번 부분은.. 많이 부끄러운 부분인데.. 먼저 mapType부분은 조금만 더 신경썼어도 깔끔하게 했었을 부분으로 enum MapType { TRAFFIC, ROADVIEW, TERRAIN, USE_DISTRICT, BICYCLE } // 기존 extension MapTypeExtension on MapType { String get getType { switch (this) { case MapT..

이번 업데이트에 기능추가는 없고, 간단하게 정리만 해봤습니다 readme에 예제 추가 var로 되어있는 변수들 const, let으로 전환 필요없는 패키지 제거(url launcher) 일단 추가된 예제는 map controller를 이용한 refresh webview 그리고 marker추가 부분으로 노란색을 누르면 마커가 추가되는 부분, 그리고 초록색은 화면 refresh로 webview전체가 초기화 되어 추가한 데이터는 제거됩니다 addMarker(new kakao.maps.LatLng($_lat + 0.0003, $_lng + 0.0003)); function addMarker(position) { let testMarker = new kakao.maps.Marker({position: positi..

이번 업데이트에서는 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..