투케이2K

[로직 정리]​정리 로직 : Web​상태 : [Web] 자바스크립트 이미지 파일 http 요청 및 base64 형식 data url 포맷 이미지 태그 img src 설정 로직 [설 명] // --------------------------------------------------------------------------------------[사전) 설정 및 정보 확인 사항]// --------------------------------------------------------------------------------------- 모바일 화면 기준 웹 프론트 제작 필요 (HTML , CSS , JS)- http 요청을 하기 위한 ajax , axios , fetch 등 모듈 구현 필요// -----..

[로직 정리]​정리 로직 : Mobile​상태 : [Mobile] 모바일 ( android , ios ) 네이티브 이미지 리사이즈 최적화 로직 - image resize [설 명] // --------------------------------------------------------------------------------------[사전) 설정 및 정보 확인 사항]// --------------------------------------------------------------------------------------- 서버에 있는 이미지를 다운 받기 위해 사전 서버에 이미지 파일 업로드 필요- 모바일 (Android, Ios) 에서 http 통신 수행을 위한 http 통신 모듈 제작// --..

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Java / Kotlin [소스 코드]​ // ----------------------------------------------------------------------------------------- // TODO [SEARCH FAST] : [Observable] : [Barcode ImageView 팝업창 호출 처리 메소드] // ----------------------------------------------------------------------------------------- // TODO [호출 방법 소스 코드] // -------------------------------------..

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 사이트]​https://blog.naver.com/kkh0977/223523086589 334. (Flutter/플러터) [Mac] : [skill] : [cached_network_image] 캐시 사용 이미지 로드 라이브러리 설치 방법[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [라이브러리 설치 사이트] https://pub.de...blog.naver.com [소스 코드]​import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';import 'package:flutter/serv..

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 사이트]​https://blog.naver.com/kkh0977/223523086589 334. (Flutter/플러터) [Mac] : [skill] : [cached_network_image] 캐시 사용 이미지 로드 라이브러리 설치 방법[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [라이브러리 설치 사이트] https://pub.de...blog.naver.com [소스 코드]​import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';import 'package:flutter/serv..

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [라이브러리 설치 사이트]​https://pub.dev/packages/cached_network_image/install cached_network_image install | Flutter packageFlutter library to load and cache network images. Can also be used with placeholder and error widgets.pub.dev [사전) IOS pods 재설치 참고 사이트]​https://blog.naver.com/kkh0977/223491076914?trackingCode=blog_bloghome_searchlist 248. (TWOK/ERROR) [Io..

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 참고 사이트]​https://blog.naver.com/kkh0977/223512073895 282. (Flutter/플러터) [Mac] : [skill] : [image_picker] 이미지 픽커 사진 선택 및 지정 라이브러리 설치 방[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [라이브러리 설치 사이트] https://pub.de...blog.naver.com [소스 코드]​import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';import 'package:flutter/servi..

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [라이브러리 설치 사이트]​https://pub.dev/packages/image_picker/install image_picker install | Flutter packageFlutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera.pub.dev [사전) IOS pods 재설치 참고 사이트]​https://blog.naver.com/kkh0977/223491076914?trackingCode=blog_bloghome_searchlist 248. (TWOK/ERROR) [Ios]..

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [사전 assets 추가 방법]​https://blog.naver.com/kkh0977/223472656705 133. (Flutter/플러터) [Mac] : [운영] : 에셋 assets 폴더 생성 방법 정리[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [방법 설명]blog.naver.com [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// ------------------------------..

[참고 사이트]​제목 : [참고 사이트] [Image] 온라인 이미지 확인 가능 사이트 - 샘플 이미지, 실시간 확인​ [사이트 주소]​https://pravatar.cc/​ Pravatar - CC0 Avatar PlaceholderDirect Image ID https://i.pravatar.cc/150?img=3 See all Imagespravatar.cc https://picsum.photos/ Lorem PicsumLorem Ipsum... but for photospicsum.photos

[개발 환경 설정]​개발 툴 : XCODE개발 언어 : SWIFT5​ [소스 코드]​ // ----------------------------------------------------------------------------------------- // MARK: - [이미지 리사이징 수행] // ----------------------------------------------------------------------------------------- func resizeImage(image : UIImage, width: CGFloat, height: CGFloat, completion: @escaping (UIImage?)->()) { /* ..

[참고 사이트] ​ 제목 : [참고 사이트] [온라인] 이미지 RGB 색상 확인 사이트 ​ [사이트 주소] ​ https://ko.rakko.tools/tools/64/ 이미지 색상 피커 : 이미지의 온라인 / 웹 색상 피커 | RAKKOTOOLS🔧 이미지를 선택하거나 이미지의 URL을 입력하면 이미지가 표시됩니다. 색상 코드를 추출 할 지점을 클릭하십시오. 세 가지 색상 코드 (HEX, RGB, HSV t)가 표시됩니다. ko.rakko.tools

[참고 사이트] ​ 제목 : [참고 사이트] 이미지 리사이즈 (Image Resize) 참고 사이트 ​ [사이트 주소] ​ https://www.resizepixel.com/ko/resize-image/ ResizePixel - 온라인 이미지 편집기 온라인 무료 이미지 자르기, 크기 조절, 좌우반전, 회전, 변환, 압축 편집기 www.resizepixel.com https://www.adobe.com/kr/express/feature/image/resize 무료 온라인 사진 크기 조절하기 | Adobe Express Adobe Express 이미지 크기 조절기를 사용해 무료로 쉽게 사진의 크기를 조절하세요. 사진을 업로드하고, 크기를 조절하고, 다운로드하면 됩니다. www.adobe.com ​ https..

[개발 환경 설정] ​ 개발 툴 : AndroidStudio ​ [소스 코드] ​ try { // [drawable 리소스 객체 가져오기] Drawable drawable = getResources().getDrawable(R.drawable.apple_icon); // [ImageView 이미지 셋팅] imageView.setImageDrawable(drawable); } catch (Exception e){ Log.i("---","---"); Log.e("//===========//","================================================"); Log.i("","\n"+"[Test_Java > testMain() 메소드 : 예외 상황 발생 확인]"); Log.i(""..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Android] Picasso 피카소 (Java / image) ​ 사용되는 곳 : Android / Java / Image [설 명] ​ 1. 피카소 란 안드로이드에서 이미지 (Image) 를 로딩 및 표시를 지원해주는 라이브러리 입니다 ​ ​ 2. 피카소 는 간단한 코드 몇줄로 이미지 로드, 메모리 및 디스크 캐시 설정, 이미지 변환을 수행할 수 있습니다 ​ ​ 3. 피카소 는 최소 Java 8 및 API 21이 필요합니다 [참고 사이트] ​ https://github.com/square/picasso GitHub - square/picasso: A powerful image downloading and caching..

[설 명] ​ 제목 : 맥북 (Mac) 에서 사진 이미지 사이즈 변경 방법 (image size change / 미리보기) [방 법] ​ 이미지 선택 >> 미리보기 선택 실시 ​ ​ 2. 미리보기 >> 상단 마크업 도구 막대보기 클릭 ​ ​ 3. 크기조절 메뉴 선택 실시 ​ ​ 4. 변경하고자 하는 이미지 사이즈 설정 실시 ​ ​ 5. 정상적으로 변경된 이미지 확인 실시

[참고 사이트] ​ [참고 사이트 주소] ​ https://pravatar.cc/ Pravatar - CC0 Avatar Placeholder Direct Image ID https://i.pravatar.cc/150?img=3 See all Images pravatar.cc ​ ​ https://picsum.photos/ Lorem Picsum Lorem Ipsum... but for photos picsum.photos

[환경 설정 및 설명] ​ 프로그램 : AndroidStudio ​ 설 명 : 이미지 뷰 이미지 로드 Out Of Memory Canvas trying to draw too large bitmap 에러 [에러 원인] ​ 1. 안드로이드 이미지 뷰 background 이미지 지정 시 하위 디바이스 스펙 상 메모리 누수 에러 발생 ​ ​ [해결 방법] ​ 1. 이미지 뷰 background 이미지 제거 및 Glide 라이브러리 사용해 이미지 로드 수행 실시 Glide.with(getActivity()) .load(R.drawable.new_menu_all) // TODO [이미지 주소] .into(menuLayout); // TODO [표시할 이미지 뷰 지정] ​

[방법 설명] [사이트 주소] ​ https://www.the-qrcode-generator.com/ The QR Code Generator Enter URL Link to open when scanned, e.g. https://example.com/ www.the-qrcode-generator.com

[개발 환경 설정] ​ 개발 툴 : AndroidStudio 개발 언어 : java [소스 코드] ​ main_webview.setWebChromeClient(new WebChromeClient() { @Override public boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) { Log.i("---","---"); Log.w("//===========//","================================================"); Log.i("","\n"+"[A_Main >> onShowFileChoos..