일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- react
- Redux
- Prism.js
- uint16array
- node
- Excel
- userevent_tracker
- identifierForVender
- code editor
- REST API
- Game js
- Image Resize typescript
- methodChannel
- Babel standalone
- swagger-typescript-api
- three.js
- Flutter
- webrtc
- Three-fiber
- typescript
- Three js
- RouteObserver
- babel
- androidId
- KakaoMap
- Raycasting
- jszip
- uint8array
- web track
- Completer
- Today
- Total
목록Flutter (72)
Never give up
먼저 사용한 패키지는 3가지입니다 1. flutter_webrtc : webRTC를 사용하기 편하도록 개발해놓은 패키지 2. socket_io_client : 소켓연결 3. vibration : 전화 온것같은 효과(?) 여기서 상태관리는 어디있냐 라는 의문이 들 수 있는데 해당 예제에서는 기본으로 제공하는 setState, ValueListenableBuilder로 구현했습니다 main.dart import 'package:flutter/material.dart'; import 'package:web_rtc/view/webrtc_main_view.dart'; void main() { runApp(const MaterialApp(home: WebRTCMainView())); } models // iceCa..
이번 버전에서 추가 및 변경된 부분은 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..
이번에 업로드 한 부분 버그픽스 위주로 작업했습니다 먼저 변경된점으로는 1. zoom level도 custom script에 넣어줬습니다 2. KakaoMapScreen은 deprecated 했습니다 (자세한 내용은 아래에서 말씀드리겠습니다) 3. 웹뷰 버전업 후 안드로이드에서 마커있는곳에 center가 안잡히는 문제를 수정했습니다 4. 사용중인 패키지를 업데이트 했습니다 (webview flutter, http) 여기서 2번 문제는 범이라는 프로그래머 분께서 문제가 있다고 말씀해주셔서 확인해봤는데 Webview에서 안드로이드는 intent, IOS는 itms apps scheme를 사용하는 곳에서 정상작동하지 않는 부분을 확인했습니다 사실 Webview쪽에서 직접 지원을 해주는게 좋지 않을까 생각은 하..
위젯들을 겹쳐야되는 상황이 생길 때 대부분 stack을 먼저 떠올릴텐데 stack을 사용하지 않고도 가능한 방법이 몇가지 있습니다 그중에서 Align을 이용한 방법 그리고 무적위젯 transform을 이용한 방법을 알아보겠습니다 import 'package:flutter/material.dart'; class WidgetTest extends StatefulWidget { const WidgetTest({Key? key, required this.title}) : super(key: key); final String title; @override _WidgetTestState createState() => _WidgetTestState(); } class _WidgetTestState extends St..
ListView, SingleChildView등을 사용할 때 위젯 리스트들의 크기가 화면의 크기보다 작으면 physics에 bouncing을 넣어도 스크롤이 안되는데 속성하나만 설정하면 가능하게 할 수 있습니다 import 'package:flutter/material.dart'; class PhysicsExample extends StatefulWidget { const PhysicsExample({Key? key, required this.title}) : super(key: key); final String title; @override _PhysicsExampleState createState() => _PhysicsExampleState(); } class _PhysicsExampleState ..
많은 유저들이 사용하는 Chewie video player가 없데이트 중이어서 다른 패키지 업데이트할 때 충돌이 나기도 하고, 간단한 기능만 사용하는데 너무 많은것들(?)이 붙어 있어서 video player를 사용해서 한번 만들어봤습니다 video player widget import 'package:custom_video_player/src/util/enum.dart'; import 'package:custom_video_player/src/util/extension.dart'; import 'package:custom_video_player/src/controller/video_controller.dart'; import 'package:custom_video_player/src/view/full_..