ES6 클래스의 메소드를 함수호출하는 방법

클래스의 메소드를 함수를 이용하여 호출하는 방법을 알아보도록 합니다. 템플릿 메소드를 이용한것입니다. 대략 23분 참고 https://www.youtube.com/watch?v=ik7HZrEqfEA&list=PLBA53uNlbf-vuKTARH6Ka7a_Jp0OVT_AY&index=2 const SET = { stage: { max:10, } }; const Subdata = class { constructor(listener) {} notify() {} clear() { this._clear(); } }; const Stage = class extends Subdata { _clear() { console.log('_clear()'); console.log(SET.stage.max) } }; 을 아래와 ..

• format_list_bulleted 프로그래밍/Js
• · 2023. 3. 31.
• textsms

html table 을 엑셀로 출력하기

/** * Table2Excel JS PLUGIN * * Table2Excel is a ES6 javscript html table to excel file exporter, * this plgin originally inspired from jQuery table2excel plgin, * but in this fork the jQuery dependency is removed. * twitter: @masiifi * release date: 26/12/2019 */ class Table2Excel { constructor(element, options = {}) { this.element = document.querySelectorAll(element); this.settings = {}; this...

• format_list_bulleted 프로그래밍/Js
• · 2023. 3. 30.
• textsms

ES6 부동소수점 계산 라이브러리

js에서 0.1 + 0.2 를 하면 0.3이 나와야 하는데 0.30000000000000004 위와 같이 나온다. 이를 해결하기 위해 아래 라이브러리를 이용한다.

• format_list_bulleted 프로그래밍/Js
• · 2023. 3. 29.
• textsms

크롬 비활성화된 탭 네트워크(웹소켓) 끊어지는 현상 Intensive Wake Up Throttling

현재 크롬에서 웹소켓으로 전문을 송수신 하고 있습니다. 콘솔로그로 1초마다 지켜보고 있고 30초마다 서버와 접속하여 끊어지는 현상을 방지하고 있습니다. 그런데 소켓 연결된 탭을 비활성화 즉 다른 탭을 열고 작업을 하고 있으면 12분~13분 후에 소켓이 끊어져버립니다. onClose 에서도 감지를 못합니다. Intensive Wake Up Throttling Chrome 브라우저가 최소화되거나 초점이 맞지 않은 상태에서 5~6분 후에 웹소켓 연결이 끊길 수 있습니다. "Connection closed: 1001 Going Away (The endpoint is going away due to a server failure or client navigation), clean closure: true" 메시지..

• format_list_bulleted 프로그래밍/Js
• · 2023. 3. 7.
• textsms

안드로이드 웹뷰와 웹워커 브릿지 (android + webview + webworker bridge example) 샘플

목적 안드로이드에서 웹뷰를 실행한후 브릿지를 이용하여 연동하는 방법과 웹뷰와 웹워커를 이용합니다. 서버에서 받은 TR 을 분석하는 일을 웹워커에게 전달후 TR 분석 작업이 끝나면 json 데이터를 html 페이지에 돌려주는 방법 입니다. 또한 디자인패턴의 테플릿 메소드 패턴을 사용하여 추가되는 TR 분석은 클래스만 만들어서 사용합니다. 하고자 하는 것을 정리해보면 아래와 같습니다. 웹뷰에서 조회1 클릭 네이티브로 데이터 전송 ( TrMake.js window.HybridApp.sendMessage ) 네이티브에서 데이터 받음 ( webView.addJavascriptInterface(new AndroidBridge(), "HybridApp"); ) 네이티브 -> TR 서버 데이터 전송 서버 TR 응답 데..

• format_list_bulleted 프로그래밍/Js
• · 2023. 2. 28.
• textsms

안드로이드 TCP Socket + Webview bridge 샘플

목적 : 안드로이드 webview 와 native 간의 bridge 를 이용하여 연결하는 방법을 알아보도록 하겠습니다. 또한 native 는 TCP Socket 을 이용하여 데이터 전송을 할 예정입니다. 다소 복잡할것 같지만 소스 보면서 확인하시죠 안드로이드 AndroidManifest.xml MainActivity.java package com.example.worker_bridge; import android.content.Context; import android.os.Bundle; import android.os.Handler; import android.os.StrictMode; import android.util.Log; import android.view.View; import android..

• format_list_bulleted 프로그래밍/Android
• · 2023. 2. 27.
• textsms