GRIMTONG

많이 사용되는 replace 문자열 치환 정규식 모음입니다. 개발시 유용한 자료는 계속 업데이트하겠습니다. 좌측 공백 제거 : 문장의 좌측 공백을 제거합니다. string.replace(/\s+/, ""); 우측 공백 제거 : 문장의 우측 공백을 제거합니다. string.replace(/\s+$/g, ""); 앞뒤 공백 제거 : 문장의 앞과 뒤의 공백을 제거합니다. string.replace(/^\s+|\s+$/g,''); 행바꿈 제거 : 행바꿈 문자열을 모두 제거합니다. string.replace(/\n/g, ""); 엔터 제거 : 엔터 문자열을 모두 제거합니다. string.replace(/\r/g, ""); 세자리 마다 콤마(,)찍기 : 숫자 표현할때 3자리 마다 콤마를 찍습니다. 물론 소수점 아래..

네이티브스크립트로 안드로이드 셋탑용 앱을 만들어 볼 일이 있어 테스트 중 난관에 부딛힌 일이 바로 셋탑용 리모콘의 신호를 받아 컨트롤 하는일이였다. 안드로이드 네이티브로 개발한다면 크게 문제가 없지만 NativeScript로는 관련 샘플을 찾지 못해 해매던 도중 알아낸 방법이 있어 남겨본다. 리모콘도 일반 키보드와 같이 누르면 키코드가 발생한다. 다만 이게 셋탑 회사마다 리모콘 키코드를 다르게 셋팅되어 있어 한번씩 눌러보고 맵핑해서 써야한다. 우선 NativeScript 에서 해야할일은 기본 엑티비티를 상속받아 기능을 구현하면 된다. 여기까지의 샘플은 docs.nativescript.org/angular/core-concepts/android-runtime/advanced-topics/extend-app..

앱개발하다 보면 상단 액션바를 감추고 전체화면으로 개발해야할 경우 Nativescript에서는 쉽게 액션바(ActionBar)를 감출수 있습니다. 아래 코드중 "actionBarHidden" 값을 true 로 설정하면 해당 페이지의 액션바가 없어집니다. 다만 없앨경우 이전버튼 또는 기타 기능 버튼들은 기능 구현해서 넣어줘야 사용자가 사용시 익숙한 UX로 앱을 사용가능하게 해야합니다. 감추야 할때 : actionBarHidden="true"

앱을 개발하다보면 웹페이지 링크 및 이메일 링크가 필요할때 필요한 NativeScript 모듈 const utilsModule = require("tns-core-modules/utils/utils"); 웹페이지 링크 utilsModule.openUrl("http://링크 URL"); 메일 링크 utilsModule.openUrl("mailto:메일주소"); openUrl을 이용하며 기존 웹에서 사용하던 방법과 크게 다르지 않음

20년 넘게 플래시를 사용했던 여러 분야의 사용자분들은 이번 플래시 플레이어의 웹 또는 기타 activex 컨트롤을 사용하던 애플리케이션에서 컨텐츠가 미구동되는 난감한 상황을 맞이하게 되었다. 이전부터 예고는 있었지만 예상외로 오프라인 컨텐츠까지 영향이 있을것이라고 미처 생각하지 못했다. 플래시를 통해 개인적으로 할 수 있었던 것들을 보면 1. 웹애니매이션(배너, 애니메이션, 인포그래픽 등등) 2. 웹애플리케이션(대시보드 등) 3. 모바일앱(Android + iOS) 4. 데스크탑용 애플리케이션(Air) 대략적인 분류로 보면 위에서 기술한 종류에서 개인적으로 현재는 어떤 업무에서도 플래시를 사용하지 않고 있다. 현재까지 개인적으로 대체한 방법을 기술하면 1. 웹애니메이션 html5 Canvas 기반 Cr..

파워포인트로 문서를 만들다 보면 폰트에 따라 작은 글자가 이상하게 찌그러지거나 가독성이 떨어질때가 있다. 윈도우 자체 폰트 랜더링의 차이인지 아무튼 조금의 귀차니즘 트릭으로 포토샵에 버금가는 깔끔한 텍스트 처리를 할 수 있는 방법을 소개한다. 우선 적용전과 적용후 좌측이 적용전이고 우측이 적용후 모습이다. 좌측은 폰트에 따라 과도한 샤픈 및 안티엘리어싱으로 들쑥날쑥한게 보인다. 물론 폰트에 따라 좌측 방법이 더 좋다는 사람도 있긴했다..ㅠㅠ 하지만 우측 적용된 방법으로 PPT에서 포토샵에서 만든 결과물과 흡사한 인포그래픽을 만들수 있었다. 저 상태에서 자간만 조금 줄여주면 더욱 좋은 결과물을 만들 수 있다. 방법은 의외의 방법이긴한데 1. 텍스트를 드래그 선택 후 마우스 우측 버튼 클릭하여 "텍스트 효과..

플래시를 초창기부터 사용하면서 현재는 사장되는 기술이라는게 마음한구석 뭔가 아쉬움이 많이 남지만 어차피 기술은 기술일뿐이라는...몇년전부터 플래시 대신 사용하기 시작한 CREATE.JS 라이브러리는 Canvas 기반으로 기존 플래시에서 그래픽적으로 구현되던 것을 거의 흡사히 구현이 가능한 라이브러리다. 현재 Adobe Animate 에서 출판하면 이 라이브러리를 이용한다. 드로잉 관련 Easel.js모션관련 tween.js사운드관련 sound.js리소스 로딩 관련 preload.js 구성은 크게 4가지며 필요에 따라 각각 또는 모두 사용할수도 있다.아직 플래시만큼의 성능은 아니지만 stagegl 을 이용하면 gpu 기반으로 성능도 만족스럽게 나온다.다만 3D 구현은 Three.js 나 기타 다른 라이브러..

다음 업데이트에 포함될 내용으로 알림창 디자인을 변경 적용했습니다. 알림은 중요 마이너 이상 알림과 일반 상태 알림으로 제공되며 중요 마이너 이상 알림은 알림음+진동으로 제공됩니다. 일반 상태 알림은 무음으로 제공됩니다. 마이너 이상알림은 마이닝풀서브에서 모니터링 기능을 사용으로 체크한 마이너가 해시가 0일경우 발생합니다. 버전 51 알림창 작업모 : 총 마이너 숫자 곡괭이 : 현재 채굴중인 마이너 느낌표알람 : 마이너중 해시값이 0 상태인 마이너 마이너 = 워커

웹개발을 하다 보면 챠트를 사용하는 경우가 종종 있다. 하지만 간단한 Bar 챠트를 사용하기 위해 Chart.js 또는 기타 챠트 라이브러리를 사용하기가 비효율적일때 사용하면 적당한 방법이다. CSS를 통해 애니메이션은 덤이고 아주 쉽게 만들수 있는 예제로 각 상황에 맞게 수정해서 사용하면 된다. 0

웹폰트를 사용하다보면 특정 폰트의 작은 크기 글자가 깨지는 경우가 있다. 모바일 환경과 맥환경에서는 거의 없으나 윈도우 환경의 브라우저에서 발생한다. 이럴때 쓰는 트릭으로 transform:rotate(-0.03deg); 0.03도 시계방향이든 반시계방향이든 미세하게 회전시켜주면 부드럽게 나오는것을 확인할 수 있다. 이게 윈도우에서의 서체 렌더링에 문제가 있는건지 아니면 다른 문제인지는 모르나 위의 방법으로 해결할 수 있다. 단 span 의 경우 display:inline-block; 를 적용애한다. 위의 그림에서 상단박스 텍스트는 일반이고 아래 박스의 텍스트에는 적용한 상태이다. 큰글자 및 작은 글자에서도 확연이 다르게 텍스트가 렌더링 되는것을 볼수 있다.