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..

아시다시피 로그에는 '기록'이라는 뜻이 있지요. 앱 실행 중 특정 시점을 기록으로 남기는 겁니다. 안드로이드 스튜디오 하단의 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}`) })

* 사전 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..

ionic v3 https://ionicframework.com/docs/v3/ ionic v4 https://ionicframework.com/docs/

버전 확인 작업 폴더로 이동 ex) cd C:\Workspace\000 1. 아이오닉 버전 확인 cmd → ionic -v 2. 코도바 버전 확인 cmd → cordova -v 3. nodejs 버전 확인 cmd → node -v 4. node package manager(npm) 버전 확인 cmd → npm -v 5. 앵귤러 프레임워크 버전 확인 cmd → ng version (angular, node, OS, angular CLI, angular packages version 다 확인 가능) * NPM 명령어들 $ npm init 현재 폴더에 package.json 파일을 생성합니다. pageckage.json은 node 프로젝트에 대한 설명을 json으로 저장한 파일인데, 이 안에 dependenc..

1. -(hypen) 사용할 것. 2. 모듈화 생각하기(여러 페이지에서 가져다 쓰기 편리하도록 구성). 3. 짧고 단순한 naming. 4. id ( x ) / class ( o ) 5. 태그 선택자 사용하기. 6. 적절한 의미 사용하기. 7. 디자인을 구성요소로 나눌 것.

보호되어 있는 글입니다.

/[\s]/g; // 공백 체크 /^[a-z](?=.*[a-z])(?=.*[0-9]).{4,14}$/; // 영문 소문자로 시작하며 숫자를 포함해서 5~15자로 입력해주세요. /^(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-.,:;]).{8,}$/; // 영문 소문자, 숫자, 특수문자를 포함하여 8자 이상으로 입력해 주세요.