Programing Language
-
Flutter) WidgetsFlutterBinding.ensureInitialized(); 사용하는 이유Programing Language/Flutter(Dart) 2022. 2. 17. 12:07
Flutter는 main 메소드를 앱의 시작점으로 사용합니다. main 메소드에서 서버나 SharedPreferences 등 비동기로 데이터를 다룬 다음 runApp을 실행해야하는 경우 아래 한줄을 반드시 추가해야합니다. WidgetsFlutterBinding.ensureInitialized(); 예: void main() { WidgetsFlutterBinding.ensureInitialized(); Timer(Duration(seconds: 10), () { runApp(MyFlutterApp()); }); } 이 메소드는 async-await의 경우에도 마찬가지로 필요합니다. runApp 메소드의 시작 지점에서 Flutter 엔진과 위젯의 바인딩이 미리 완료되어 있게만들어줍니다. runApp : h..
-
Javascript) bytes Array를 image tag안에 넣기Programing Language/JavaScript 2022. 2. 11. 15:23
하이브리드 개발을 진행하다 네이티브의 사진 file을 biteArray로 변환하고 웹뷰의 javascrpt로 전달후 다시 image 태그의 src에 값을 넣을 일이 생겼다. 다음과 같이 진행하면 된다. [137,80,78,71,13,10,26,10,0,...] var imgsrc = "data:image/png;base64," + btoa(String.fromCharCode.apply(null, new Uint8Array([137,80,78,71,13,10,26,10,0,...]))); document.getElementById('image').src = imgsrc; 도움되셨다면 하단의 광고 클릭 부탁드립니다 :)
-
Flutter)내장 오디오 실행하기Programing Language/Flutter(Dart) 2022. 2. 6. 13:38
pubspec.yaml dependencies: flutter: sdk: flutter #https://pub.dev/packages/audioplayers/install audioplayers: ^0.20.1 실행 페이지 mp3, wav 둘다 문제 없이 실행가능 AudioCache player = new AudioCache(); player.play("test.wav"); 도움되셨다면 하단의 광고 클릭 부탁드립니다!
-
Flutter) 클래스간 데이터 전달 (Callback Function 만들기)Programing Language/Flutter(Dart) 2022. 2. 4. 22:56
참고 URL을 보면 충분히 이해가 가능하다. https://medium.com/@flutterhive/how-to-implement-call-back-function-in-dart-66bdf8c8ca3c How to implement call back function in Dart What you are going to learn: How implement call-back function to get back data from delegate class in tree steps. medium.com
-
Javascript) Debounce & Throttle 이란 무엇일까?Programing Language/JavaScript 2022. 1. 28. 10:43
자바스크립트 개발에 있어서 이벤트는 빠질 수 없는 요소입니다. 과장을 보태 자바스크립트 개발을 해 본 개발자 중에 이벤트 처리를 해 보지 않은 개발자는 없다고 말해도 과언이 아닐 것입니다. 디바운스(Debounce)와 스로틀(Throttle)은 이러한 이벤트를 제어하는 방법으로, 과도한 이벤트의 발생이 성능 저하를 초래하지 않도록 하기 위해 사용합니다. 대표적으로 디바운스와 스로틀을 이용하여 이벤트 발생을 제어하는 기능은 아래와 같습니다. 스크롤 휠을 이용한 지도 확대/축소 검색어 입력시 자동완성 혹은 연관검색어 노출 피드 방식의 데이터 노출 (스크롤링을 통한 데이터 노출) 이벤트 오버클럭(Overclock - 과도한 이벤트 발생)은 리소스 사용량을 과도하게 증가시키기 때문에 성능 문제를 야기하고 사용자..
-
Javascript) 배열(array),리스트(list)의 값 중에 중복제거 하기Programing Language/JavaScript 2022. 1. 15. 13:45
셋(Set)과 확산 연산자로 배열 중복 제거 자바스크립트의 셋(Set) 객체는 맵(Map) 객체에서 값이 없고 키만 있는 것으로 이해하면 됩니다. 셋 객체 생성자는 배열을 인자로 받아서 중복이 없는 셋 객체를 반환하는 특징이 있습니다. 이 특징을 활용해서 중복이 없는 배열을 다시 만들 수 있습니다. 중복 있는 배열 -> 셋 -> 확산 연산자로 펼침 -> 배열로 생성 과정을 거쳐 중복 없는 배열이 만들어집니다. 단 1행의 코드로 배열의 중복을 없앨 수 있기 때문에 단순히 배열의 중복을 없애는 것이 목적이면 이 방법이 가장 좋은 방법입니다 const arrDup = ['라이언', '어피치', '프로도', '콘', '라이언', '프로도']; const arrUnique = [...new Set(arrDup)]..
-
MYSQL) DateTime VS TimeStamp (차이점 보기)Programing Language/리눅스 2022. 1. 7. 11:41
MySQL Datetime, Timestamp 차이에 대해 MySQL의 Time Zone을 확인해보자. mysql> show variables like '%time_zone%'; +------------------+---------------------+ | Variable_name | Value | +------------------+---------------------+ | system_time_zone | India Standard Time | | time_zone | Asia/Calcutta | +------------------+---------------------+ 2 rows in set (0.00 sec) datetime, timestamp 두 가지 타입을 가진 테이블을 생성 creat..