투케이2K

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Android] google.android.play:app-update : 인앱 업데이트 라이브러리 [설 명] ​ 1. app-update 라이브러리는 구글 플레이스토어에 업로드 된 앱 버전을 확인해 앱 내에서 업데이트 기능을 수행할 수 있는 Google Play Core 라이브러리 입니다 2. app-update 라이브러리를 사용해 인앱 업데이트를 수행하기 위해서는 (구글 플레이스토어) 에 정상적으로 앱이 배포 되어 있는 상태여야 합니다 3. app-update 라이브러리 AppUpdateManager 를 사용해 업데이트 유무 앱 버전 확인 시 Playstore 에 새 업데이트가 있고 기기의 현재 앱 버전이 Playst..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Ios] RxSwift 반응형 프로그래밍 라이브러리 [설 명] ​ -------------------------------------------------------------------------------------------------------- 반응형 프로그래밍 (Reactive Programming) : 1) 반응형 프로그래밍 이란 데이터 흐름과 전달에 관한 프로그래밍 패러다임 입니다 (Observer Pattern 옵저버 패턴에 기반) 2) 반응형 프로그래밍 은 데이터의 흐름을 먼저 정의하고, 데이터가 변경되었을 때 [연관된 작업] 을 수행합니다 3) 반응형 프로그래밍 은 프로그램이 주도하는 것이 아니라 환경..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Android] DataStore 데이터 스토어 프리퍼런스 데이터 저장 라이브러리 [설 명] ​ 1. DataStore 란 프로토콜 버퍼를 사용하여 키-값 쌍 또는 유형이 지정된 객체를 저장할 수 있는 데이터 저장소 솔루션입니다 ​ 2. DataStore 는 기존 안드로이드 앱 영구 저장소 SharedPreference 를 대체로 구글에서 사용을 권장하는 데이터 저장소 솔루션입니다 ​ 3. DataStore 는 앱 저장소에 데이터를 저장하며, 앱 삭제 또는 앱 데이터 및 캐시 삭제를 하지 않는 경우 데이터가 영구히 보존 됩니다 [참고 사이트] https://developer.android.com/topic/librarie..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] Numeral.js 숫자 변환 라이브러리 [설 명] ​ 1. numeral.js : 숫자 형식을 지정하고 조작하기 위한 자바스크립트 라이브러리입니다 ​ ​ 2. numeral.js 사용 시 숫자 형식 포맷 및 출력을 간단하게 할 수 있습니다 ​ ​ 3. numeral.js 는 npm 을 통해 설치가 가능 하며, CDN 호출 방식으로도 사용하실 수 있습니다 [참고 사이트] ​ http://numeraljs.com/ Numeral.js Use it In the Browser or include from cdnjs.com In Node.js npm install numeral var numeral = require('..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : JavaScript [소스 코드] ​ [결과 출력] ========================================= [window onload] : [result] -------------------------------------- [one] : 1000 -------------------------------------- [two] : 974 -------------------------------------- [three] : 0.12345 -------------------------------------- [four] : 10000 -------------------------------------- [five] : -0...

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Android] aws-android-sdk AWS 연동 관련 라이브러리 ​ 사용되는 곳 : 안드로이드 AWS 서비스 사용 [설 명] [설 명] 1. AWS Mobile SDK for Android 라이브러리 사용 시 기존 모바일 앱에 견고한 클라우드 백엔드를 빠르고 쉽게 통합할 수 있습니다 2. AWS Mobile SDK for Android 라이브러리 사용 시 Amazon S3 , MQTT , Provisioning 등 그 외 많은 AWS 서비스에 쉽게 액세스할 수 있습니다 3. 안드로이드에서 해당 라이브러리는 추가 하기 위해서는 build.gradle 파일에 implementation 의존성을 추가해야합니다 // -..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Android] Room DB 앱 데이터베이스 라이브러리 ​ 사용되는 곳 : 안드로이드 로컬 데이터베이스 데이터 저장 [설 명] ​ 1. Room 라이브러리는 SQLite 에 추상화 계층을 제공하여 SQLite 를 완벽히 활용하면서 더 견고한 데이터베이스 액세스를 가능하게 해주는 라이브러리 입니다 ​ ​ 2. Room 라이브러리 사용 시 앱을 실행하는 기기에서 앱 데이터의 캐시를 만들 수 있습니다 ​ >> 앱의 단일 정보 소스로 제공되는 이 캐시를 통해 사용자는 인터넷 연결 여부와 관계없이 앱에 있는 주요 정보를 일관된 형태로 볼 수 있습니다 ​ ​ 3. Room 라이브러리에 저장 된 데이터는 앱 삭제 시 데이터가 초기화..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] slick 슬라이더 (slide) 화면 교체 및 전환 라이브러리 [설 명] ​ 1. slick 는 HTML 문서를 슬라이더 형태로 변경할 수 있는 라이브러리 입니다 ​ 2. slick 은 는 데스크톱 및 모바일 장치에서 슬라이더 변경을 지원합니다 ​ 3. slick 은 jquery 기반으로 만들어졌기 때문에 jquery 가 필요합니다 [참고 사이트] ​ https://kkh0977.tistory.com/4493 320. (javaScript) [slick 라이브러리] 자바스크립트 slick 라이브러리 사용해 슬라이더 (slide) 화면 교체 [개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : JavaS..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] fullcalendar 풀 캘린더 웹 브라우저 일정 관리 라이브러리 [설 명] ​ 1. fullcalendar 는 HTML5 에서 사용할 수 있는 캘린더 일정 관리 라이브러리 입니다 ​ 2. fullcalendar 는 데스크톱 및 모바일 장치에서 캘린더 일정 관리를 지원합니다 ​ 3. fullcalendar 는 구글 API 와 연동하여, 개인 일정을 쉽게 관리할 수 있습니다 ​ 4. fullcalendar 는 무료와 유료 버전을 선택해서 사용할 수 있으며, 무료버전을 사용하더라도 웬만한 기능은 모두 사용할 수 있습니다 [참고 사이트] ​ https://blog.naver.com/kkh0977/22317629553..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] Video.js HTML5 비디오 재생 라이브러리 [설 명] ​ 1. Video.js 는 HTML5 에서 사용할 수 있는 웹 비디오 플레이어 입니다 ​ 2. Video.js 는 데스크톱 및 모바일 장치에서 비디오 재생을 지원합니다 ​ 3. Video.js 는 Apache 라이선스 버전 2.0에 따라 라이선스가 부여 됩니다 ​ 4. Video.js 에서 스타일을 지정하기 위해서는 body 비디오 컴포넌트 내에 class="video-js" 를 지정해야합니다 [참고 사이트] ​ https://blog.naver.com/kkh0977/223176102312 ​ https://videojs.com/ ​ https://w..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : JavaScript [소스 코드] ​ [결과 출력] ​

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] aws-sdk.js / kvs-webrtc.js AWS 실시간 WebRTC 영상 재생 라이브러리 [설 명] ​ 1. aws-sdk.js / kvs-webrtc.js 라이브러리 사용 시 웹 애플리케이션용 JavaScript WebRTC Kinesis Video Streams 실시간 영상을 출력할 수 있습니다 ​ 2. aws-sdk.js / kvs-webrtc.js 라이브러리는 NodeJS 에서 모듈 설치가 가능하며, CDN 을 통한 사용도 가능합니다 ​ 3. aws-sdk.js / kvs-webrtc.js 라이브러리 사용 시 원격 피어 간의 연결을 유지하고 연결 상태를 모니터링 할 수 있습니다 [참고 사이트] ​ ..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] Fabric.js 캔버스 라이브러리 [설 명] ​ 1. Fabric.js 란 HTML5 에서 사용하는 캔버스 라이브러리 입니다 ​ 2. Fabric.js 는 캔버스 요소 위에 대화형 개체 모델을 제공합니다 ​ 3. Fabric.js 에는 SVG-to-canvas 및 canvas-to-SVG 파서도 포함하고 있습니다 ​ 4. Fabric.js 사용 시 기존에 복잡하고 가독성 없는 canvas 코드를 간결하게 표현할 수 있습니다 [참고 사이트] ​ http://fabricjs.com/ Fabric.js Javascript Canvas Library Using Fabric.js, you can create and po..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Android] Jackson 자바 Object to Json 변환 라이브러리 [설 명] ​ 1. Jackson 이란 Java Object 를 JSON으로 변환하거나 JSON 을 Java Object 로 변환하는데 사용할 수 있는 Java 라이브러리입니다 ​ ​ 2. Jackson 라이브러리 특징 : ​ - Stream API : 스트림 형식으로 데이터를 분석하고 생성하기 때문에 성능이 좋습니다 - Tree Model : XML 의 DOM 처럼 Node 형태로 데이터를 다룰 수 있기 때문에 유연성이 좋습니다 - Data Binding : POJO 기반의 자바 객체들을 JSON 으로 변환시킬 수 있습니다 ​ ​ 3. Jac..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] html2canvas js (브라우저 화면을 캡쳐 (capture)) ​ 사용되는 곳 : 브라우저 화면 캡쳐 (capture) [설 명] ​ 1. html2canvas js 란 브라우저 화면을 캡처 (capture) 를 수행할 수 있는 라이브러리입니다 ​ 2. html2canvas js 는 화면 캡처를 할 영역을 지정하고 이벤트가 발생하면 지정된 영역을 캡처합니다 ​ 3. html2canvas js 를 사용해 에러 발생 시 자동 에러 화면 캡처 및 서버에 전송해서 에러 분석을 수행할 수 있습니다 [참고 사이트] ​ https://blog.naver.com/kkh0977/223042023217 258. (JavaS..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Android] EsptouchTask 스마트콘피그 (SmartConfig) 연결 관련 라이브러리 ​ 사용되는 곳 : 안드로이드 스마트콘피그 [설 명] ​ 1. EsptouchTask 란 앱과 디바이스간 스마트콘피그 (SmartConfig) 수행에 도움을 주는 라이브러리 입니다 ​ ​ 2. 스마트콘피그는 앱과 디바이스가 같은 와이파이에 연결되어 TCP/IP 통신을 수행 합니다 [참고 사이트] ​ https://www.techtonions.com/esp32-using-smartconfig/ ​ https://libraries.io/maven/com.tencent.iot.thirdparty.android:esptouch ​ ..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] fullpage js (웹 페이지 화면 이동 스크롤링 적용) ​ 사용되는 곳 : 웹 페이지 화면 이동 스크롤링 적용 [설 명] ​ 1. fullpage js 란 브라우저에서 자유로운 스크롤을 막고 페이지를 PPT처럼 한번에 한 페이지만 보여주는 라이브러리입니다 [참고 사이트] ​ https://github.com/alvarotrigo/fullpage.js​ GitHub - alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple fullPage plugin by Alvaro Trigo. Crea..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] SheetJS (엑셀 excel 파일 읽기 , 쓰기) ​ 사용되는 곳 : excel file read , write [설 명] ​ 1. SheetJS 란 브라우저에서 엑셀 (excel) 파일을 간편하게 읽기 , 쓰기 를 수행할 수 있는 라이브러리 입니다 [참고 사이트] ​ https://blog.naver.com/kkh0977/223020091853 251. (JavaScript) [SheetJS 라이브러리] - SheetJS 라이브러리 사용해 input file 에 선택 된 excel 엑셀 파일 [개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : JavaScript [소스 코드] [결과 출력] blog...

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] alertify (alert 팝업창) ​ 사용되는 곳 : alertify (alert 팝업창) [설 명] ​ 1. alertifyjs 란 브라우저 대화 상자 및 알림을 이쁘게 표시해주는 자바스크립트 라이브러리 입니다 ​ 2. alertifyjs 는 기본 브라우저 대화 상자를 대체할 뿐만 아니라 자신만의 대화 상자를 매우 쉽게 만들 수 있습니다 [참고 사이트] ​ https://blog.naver.com/kkh0977/223002134249 245. (JavaScript) [alertify 라이브러리] - alertifyjs 사용해 alert 팝업창 호출 실시 [개발 환경 설정] 개발 툴 : Edit++ 개발 언어..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] pickadate.js (Date / Time 선택) ​ 사용되는 곳 : Web (Date / Time 선택) [설 명] ​ 1. pickadate 란 모바일 친화적이고 반응이 빠르고 가벼운 jQuery 날짜 및 시간 입력 선택기 라이브러리 입니다 ​ 2. pickadate 는 jquery 와 함께 CDN 의존성을 부여해 사용할 수 있습니다 [참고 사이트] ​ https://blog.naver.com/kkh0977/223001346520 241. (JavaScript) [pickadate 라이브러리] - pickadate , pickatime 사용해 기본 date , time 선택 실시 [개발 환경 설정] 개발 ..