전체 글

망각을 지연시키는 블로그
프로그래밍/WEB

[JS][코드조각] BasicModal(ModalTemplate)

ModalTemplate공통함수화로 코드의 재사용을 최소화.부트스트랩의 Modal을 이용함 GitHub - hbcha0916/BasicModalContribute to hbcha0916/BasicModal development by creating an account on GitHub.github.com 파일Bootstrap은 최신버전 사용을 권장, 내장된 Bootstrap을 기반으로 만든 ModalTemplate, basicModal파일임.Bootstrap 관련 js파일Bootstrap 관련 css파일basicModal 파일예제 HTML 파일구현기능Modal을 쉽게 사용Modal은 가운데, 닫기혹은 확인버튼을 눌러야 닫히는 Modal임.사용 순서HTML에 Modal을 사용할 개수만큼 생성ModalTem..

잡것/DIY

[MiniPC] GTI12 베어본 구매후기

시작시작하기 앞서 미니PC, GTI12에대한 정보가 가장많은 디시인사이드 미니PC갤러리에서 많은 도움을 받았습니다.https://gall.dcinside.com/mgallery/board/lists?id=minipc&s_type=search_subject_memo&s_keyword=GTI12 미니PC 마이너 갤러리 - 커뮤니티 포털 디시인사이드미니 PC, NUC 등 비규격 초소형 폼팩터 컴퓨터 매니아들을 위한 마이너 갤러리 - 미니PC 갤러리에 다양한 이야기를 남겨주세요.gall.dcinside.com개발업무중 회사컴퓨터 사양이 맘에안들고,, 이참에 업무용으로 PC를 미니PC로 맞추고싶어서(사고싶어서) GTI12를 해외직구를 통해 구매하였습니다.저는 베어본 모델을 구매하였고램만 64Gb 를 구매하고 파이..

프로그래밍/WEB

[JS][코드조각] BasicChartJS

BasicChartJS GitHub - hbcha0916/BasicChartJSContribute to hbcha0916/BasicChartJS development by creating an account on GitHub.github.com 공통함수화로 코드의 재사용을 최소화.파일chartJS는 최신버전 사용을 권장, 내장된 chartJS를 기반으로 만든 basicChartJS파일임.chart.js 관련 js파일basicChartJS 파일예제 HTML파일구현기능기본옵션을 반응형으로 변경BarChart기준으로 쉬운사용사용 순서$.extend(true,,basicChartJS);으로 덮어씌워 사용canvas 상위태그에 대한 뷰포트 지정(canvas에 지정하면 차트가 깨지는 문제가 있음.)init으로 ch..

프로그래밍/WEB

[JS][코드조각] BasicProgressBar

BasicProgressBar GitHub - hbcha0916/BasicProgressBarContribute to hbcha0916/BasicProgressBar development by creating an account on GitHub.github.com 공통함수화로 코드의 재사용을 최소화.파일ProgressBar.js는 최신버전 사용을 권장, 내장된 ProgressBar.js를 기반으로 만든 BasicProgressBar파일임.ProgressBar.js 관련 js파일BasicProgressBar 파일예제 HTML파일구현기능쉬운사용사용 순서$.extend(true,,basicProgressBar);으로 덮어씌워 사용CSS에서 ProgressBar의 크기지정init으로 ProgressBar가 보..

프로그래밍/WEB

[JS][코드조각] BasicGridJS

BasicGridJS GitHub - hbcha0916/BasicGridJSContribute to hbcha0916/BasicGridJS development by creating an account on GitHub.github.com 공통함수화로 코드의 재사용을 최소화.파일gridJS는 최신버전 사용을 권장, 내장된 gridJS를 기반으로 만든 basicGridJS파일임.GridJS.js 관련 js파일GridJS CSS파일basicGridJS 파일예제 HTML파일구현기능draw()시 페이지네이션 초기화 문제 해결사용자지정 하이라이트(예시로 사진의 첫번째표의 중구 부분 하이라이트)선택버튼을 누른 행 하이라이트수동적 Loading(데이터를 가져온후 추가적인 데이터파싱이필요할 경우 유용)한글화사용 순서$..

자동차/TOYOTA Prius XW50

[DIY] 프리우스4 안드로이드 올인원 설치 및 문제해결방법

기준 정보차량 : TOYOTA Prius4 (XW50)올인원  : TEYES CC3 2K시작기존 carabc를 순정에 물려 만족하며 사용하였지만 아래 문제점 때문에 올인원을 고민하고 있었다..음성과 영상의 싱크가 1초 딜레이낮에 운행 시 햇빛때문에 화면이 안보여 초행길 운전에 네비화면을 자세히 들여다보다 사고날 뻔한 경험및 초행길 운전의 난이도 상승(특히 서울한복판)해상도가 너무 낮아 화면이 뿌옇게 보임참고 쓸려고했지만 사고날뻔해서 속 시원하게 총알도있겠다 올인원으로 바꾸기로 결정했다.주문알리에서 프리우스4에 맞는 TEYES CC3 2K 제품을 주문하였다.주문 전, 프리우스 카페에서 4세대이지만 4.5세대 부속품을 보내줘서(그리고 캔버스 부품 누락) 추가 부속품 배송까지 기다린 문제와, 브라켓이 맞지않아..

자동차/Android올인원

[앱] 캔버스 차량 안드로이드 올인원 보이스버튼 맵핑

기준 정보차량 : TOYOTA Prius4 (XW50)올인원  : TEYES CC3 2K시작카플레이 앱 사용하면서 보이스 버튼을 누르면 SIRI를 호출할 수 있어서 정말 편했는데, 카플레이 앱을 사용하지 않고 그냥 보이스를 누르면 Teyes Voice의 남성 TTS가 "HELLO~" 하면서 반겨주죠..Teyes Voice한글 등 제대로 사용하려면 과금을 해야한다 해서 그냥 보이스 버튼 맵핑을 찾아봤었습니다. 올인원 기본앱에 핸들버튼 맵핑이 있기야 하지만 저는 캔버스 연동 차량이라 맵핑이 불가능한 차량입니다.결과결론적으론 구글 어시스턴트나 안드로이드 올인원 카페에서 얻은 티맵 아리아 호출앱을 사용할 수 있더라구요방법1. 숨겨진 설정을 보여주는 앱을 설치해야 합니다.MarioDantas의 Android Sh..

자동차/Android올인원

[설정] 안드로이드 올인원 시인성 개선

기준 정보차량 : TOYOTA Prius4 (XW50)올인원  : TEYES CC3 2K시작안드로이드 올인원의 작은 화면에 2K 해상도를 사용하니 아래와 같은 문제점을 직면했다.화면이 너무 넓어서 내비에서는 "잠시후 ~" 멘트가 나오지만 화면상에는 저 멀리있는것처럼 보여서 지나치는경우UI가 너무 작아서 터치하기도 불편하고 글자같은 경우에는 잘 보이지도 않는것과거에 CARabc 라는 제품을 사용하면서 큰 UI에 익숙해서 그런지 모르겠지만 난 너무 불편했다.이것을 해결하는 방법은 안드로이드 개발자모드에서 DPI 수치를 조정하면 된다. DPI수치를 조정할 때 DPI가 높으면 1인치에 더 많은 픽셀수가 들어가기 때문에 높을수록 화면이 더 넓고 작게 보이고, 반대로 DPI가 낮을수록 더 좁고 크게 보인다. 중학교..

자동차/TOYOTA Prius XW50

[DIY] 프리우스4 순정 샤크안테나 살리기

기준 정보차량 : TOYOTA Prius4 (XW50)올인원  : TEYES CC3 2K 시작올인원 DIY작업을 한 후 4G안테나와 WIFI 안테나는 A필러 내부에 장착하여 보이지 않지만 GPS는 간섭이 발생할 수 있어 대시보드에 올려두고 사용한 상태. 선도 짧아 윗쪽에 부착할 수도없어 너무 거슬리고 꼴보기 싫음..뒹굴거리는 GPS 모듈..어떻게 처리하지 고민고민하다 문득 생각난게 순정 샤크안테나의 GPS단자가 있다는것을 카페에서 알게됨사진출처(https://www.toyota-4runner.org/5th-gen-t4rs/261207-gps-adapter.html)저거에 맞는 단자 to SMA(수놈)의 젠더를 찾아야하는데 저 명칭을 모르겠음..삽질기1. 명칭 검색단자 명칭을 1도 몰라서 여기저기 카페와 ..

NiFi

[탬플릿] NiFi 로그추적기

NiFi Log TracerGit GitHub - hbcha0916/NiFi-Log-Tracer-Template: NiFi 로그추적기NiFi 로그추적기. Contribute to hbcha0916/NiFi-Log-Tracer-Template development by creating an account on GitHub.github.com 기능nifi-app.log에서 발생하는 모든 WARN, ERROR로그를 날짜별로 추출흐름로그 테일링여러줄 로그일 경우 한줄로 분할WARN, ERROR 분기분기된 로그를 실행스크립트를 실행시켜 YYYY-mm-dd.log뒤에 추가시킨다.주의NiFi의 기본 Log 설정은 $NIFI_HOME/conf/logback.xml에 종류별로 정의할 수 있습니다.모든 ERROR 그리고 ..

항상 빌드중
언제나 미완성