목록분류 전체보기 (123)

Never give up

Flutter - kakaomap webview 0.5.0 업데이트 후기

이번 업데이트에서는 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..
해왔던 삽질.. 2022. 4. 18. 13:40
[Mac] commplex-main on port 5000

노드로 특정 테스트를 해보려고 포트 5000번을 사용했는데 이미 사용중이라는 메시지를 받아서 사용할 수가 없었습니다 그래서 어디에서 사용중인지 확인을 해봤습니다 complex-main? complex-main port 5000
해왔던 삽질.. 2022. 4. 13. 15:31
Flutter - kakaomap webview 0.4.0 업데이트 후기(Feat. Webview, Intent scheme)

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

해당 예제에서는 node로 이미지 업로드 및 이미지 리스트 및 이미지 가져오는 부분을 구현하고 react에서 이미지 업로드 및 가져와서 보여주기를 구현해봤습니다 서버쪽에 만든 api 3개 get : image/get-imglist 서버에 저장된 이미지 리스트를 가져옵니다 get : image/:url 서버에 저장된 이미지를 보여줍니다 post : image/upload 서버에 이미지를 업로드합니다 image/index require('dotenv').config() const formidable = require('formidable'); const express = require('express'); const fs = require('fs'); const router = express.Router()..
WEB 2022. 2. 19. 17:00
React - Kakaomap example

오늘은 간단하게 react에서 kakao map을 만들어봤습니다 먼저 세팅부분은 가이드에 나와있는대로 해주고 (링크 : https://apis.map.kakao.com/web/guide/) 카카오맵 웹 예제에 나와있는 키워드 목록을 포함한 부분으로 테스트를 해봤습니다 (링크 : https://apis.map.kakao.com/web/sample/keywordList/) Kakaomap example.js /*global kakao*/ import React, { Component } from 'react' import './kakaomap_example.css' class KakaoMapExample extends Component { constructor() { super() this.markers =..
WEB 2022. 2. 19. 16:29
Flutter - Overlap widget without using stack

위젯들을 겹쳐야되는 상황이 생길 때 대부분 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..
Flutter 2022. 1. 29. 01:16
Flutter - When you want to scrol in small widget lists

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 ..
Flutter 2022. 1. 29. 00:33
Flutter - Custom Video player(Feat. Transform)

많은 유저들이 사용하는 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_..
Flutter 2022. 1. 28. 23:48
Prev 1 ··· 3 4 5 6 7 8 9 ··· 16 Next