https://velog.io/@a_in/TypeScript-VSCode [TypeScript] - VSCode에 TypeScript 설치하기 ⤓설치 어렵지 않아요.☝🏻 velog.io

https://jamong-icetea.tistory.com/367 [TS] 작업 "tsc: build - tsconfig.json"을 찾을 수 없습니다. https://jamong-icetea.tistory.com/300?category=847444 VSCode TS 디버깅 하는법 패스포트 authenticate()의 콜백을 커스텀하다가 문제가 생겨서 디버깅을 해야할 일이 생겼다. 그래서 VSCode로 TS 디버깅 하는 법을 찾 jamong-icetea.tistory.com

ui 설계는 아니지만 포토샵 수정, 이미지찾기, 사이즈조정, 기능구현을 담당했었고 chart.js랑 ionic, typescript를 사용했습니다. 안드로이드로 백단 로직이 구성되었으며 프론트가 주업무였습니다.

1. 작업폴더 가장 상단에 launch.json파일을 생성해 아래 내용을 붙여 넣습니다. { // IntelliSense를 사용하여 가능한 특성에 대해 알아보세요. // 기존 특성에 대한 설명을 보려면 가리킵니다. // 자세한 내용을 보려면 https://go.microsoft.com/fwlink/?linkid=830387을(를) 방문하세요. "version": "0.2.0", "configurations": [ { "name": "Run Android on device", "type": "cordova", "request": "launch", "platform": "android", "target": "device", "port": 9222, "sourceMaps": true, "cwd": "${wor..

## 사전 install * node 설치 * androiod studio 및 sdk 설치 * 안드로이드 스튜디오는 3.0.1 이상 * sdk는 target 맞게 최신버전과 26 버전 2개 설치 및 tool등 각종 util에 해당하는 정보 전체 설치 : 최신, 26, 최소버전 sdk를 설치하는게 좋음 * ionic 설치 : __npm i -g ionic__ * cordova 설치 : __npm i -g cordova__ ## 사전 install 수행완료후에 결과물 추출하기까지 cmd * npm install * ionic cordova plugin add [] * ionic cordova platform add __[ android | ios | browser ]__ * ionic cordova buil..

1. setTimeout 설명 : 기존 동작이 한번 일어난다. 사용방법 var SETTIMEOUT_NAME = setTimeout(FUNCTION, TIME); 실행중인 루프 종료 방법 clearTimeout(SETINTERVAL_NAME); 2. setInterval 설명 : 기본 동작이 반복적으로 일어난다. 사용방법 var SETINTERVAL_NAME = setInterval(FUNCTION, TIME); 실행중인 루프 종료 방법 clearInterval(SETINTERVAL_NAME); [ 공통 ] - SETINTERVAL_NAME : 실행중인 루프(반복)를 종료시킬 때 사용함 - FUNCTION : 루프로 실행할 함수 - TIME : 루프되는 시간둘다 사용법은 같으며 용도 또한 같다..단지 다른..

아시다시피 로그에는 '기록'이라는 뜻이 있지요. 앱 실행 중 특정 시점을 기록으로 남기는 겁니다. 안드로이드 스튜디오 하단의 Android 탭을 누르면 알 수 없는 영어들이 엄청난 속도로 올라오는 것을 볼 수 있는데요, 이것이 바로 '로그'입니다. ​ 실행된 모든 시스템 앱에서 너도나도 로그를 찍어대기 때문에 화력이 장난이 아닙니다. (마치 아프*카TV의 채팅창을 보는 듯한;;) (왜 핸드폰을 가만히 납둬도 배터리가 그렇게 많이 다는지 알겠군요 -_-;;) 그만큼 로그는 매우 중요한 존재라 할 수 있죠. 자, 그럼 로그를 찍는 방법을 알아볼까요? 로그는 Log 클래스의 static 메서드를 사용하여 남길 수 있습니다. 위처럼 v, i, d, w, e 총 5개의 static 메서드가 있는데요, v는 Ver..

* 10진수 -> 16진수 var dec = 123; var hex = dec.toString(16); // === "7b" * 10진수 -> 2진수 var dec = 123; var bin = dec.toString(2); // === "1111011" * 16진수 -> 10진수 var hex = "7b"; var dec = parseInt(hex, 16); // === "123" * 16진수 -> 2진수 (* 10진수로 바꿨다가 다시 2진수로 바꾼다) var hex = "7b"; var bin = parseInt(hex, 16).toString(2); // === "1111011" * 2진수 -> 10진수 var bin = "1111011"; var dec = parseInt(bin, 2); // =..

var macAddress = document.getElementById("macAddress"); function formatMAC(e) { var r = /([a-f0-9]{2})([a-f0-9]{2})/i, str = e.target.value.replace(/[^a-f0-9]/ig, ""); while (r.test(str)) { str = str.replace(r, '$1' + ':' + '$2'); } e.target.value = str.slice(0, 17); }; macAddress.addEventListener("keyup", formatMAC, false);

ex) Read watt {{ble.watt1}}, {{ble.watt2}}, {{ble.errorrate}}%

function msgAfterTimeout (msg, who, timeout) { return new Promise((resolve, reject) => { setTimeout(() => resolve(`${msg} Hello ${who}!`), timeout) }) } msgAfterTimeout("", "Foo", 100).then((msg) => msgAfterTimeout(msg, "Bar", 200) ).then((msg) => { console.log(`done after 300ms:${msg}`) })

타입스크립트는 MS사에서 새롭게 시작한 애플리케이션 규모의 자바스크립트 언어 개발 프로젝트이다.슈퍼셋으로 대규모 어플리케이션 개발을 위해 개발되었으며 여러 운영체제 및 브라우저에서 사용 가능한 오픈소스이다.개발자들이 좀 더 형식을 갖추어 자바스크립트를 응용해 개발 구현이 용이하도록 지원하는 것을 특징으로 한다.또한 지원하는 도구들은 코드 저장 시 타입스크립트로 결과물을 생산하며 기존 자바스크립트 개발대로 진행하며 타입스크립트 형식으로 살짝 수정만해도 개발할 수 있다. 타입스크립트 개발 시 어려운 부분이 있으면 자바스크립트 코드를 참고해 개발하는데 아무 이상이 없다.개발 시 코드 자동완성, 추천기능 등의 기능도 코드를 짜기 편리하며 타입의 정의는 개발자의 가독성 높이며 버그를 줄일 수 있어 대규모 프로젝트..

#1. Introduction 자바스크립트는 1995년 넷스케이프사의 브렌던 아이크(Brendan Eich)가 자사의 웹브라우저인 Navigator 2에 탑재하기 위해 개발한 스크립트 언어이다. 초창기 자바스크립트는 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 사용되었다. 이 시기에 대부분 로직은 주로 웹서버에서 실행되었고 브라우저(클라이언트)는 서버로부터 전달받은 HTML과 CSS를 렌더링하는 수준이었다. HTML5가 등장하기 이전까지 웹 애플리케이션은 플래시, 실버라이트, 액티브엑스와 같은 플러그인에 의존하여 인터랙티브한 웹페이지를 구축해왔다. 그러다가 HTML5가 등장함으로써 플러그인에 의존하던 구축 방식은 자바스크립트로 대체되었다. 또한 AJAX의 활성화로 데스크탑 애플리케이션과 유사..

* 사전 install - node 설치- androiod studio 및 sdk 설치 - 안드로이드 스튜디오는 3.0.1 이상 - sdk는 target 맞게 최신버전과 26 버전 2개 설치 및 tool등 각종 util에 해당하는 정보 전체 설치 : 최신, 26, 최소버전 sdk를 설치하는게 좋음- ionic 설치 : $ npm i -g ionic- cordova 설치 : $ npm i -g cordova- angular type으로 앱 시작하기 : $ ionic start myApp tabs --type=angular (tabs/blank/sidemenu 세가지중 한 가지 선택가능) * 사전 install 수행완료후에 결과물 추출하기까지 cmd $ npm install$ ionic cordova pla..