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..
시작시작하기 앞서 미니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 를 구매하고 파이..
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..
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가 보..
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 Prius4 (XW50)올인원 : TEYES CC3 2K시작기존 carabc를 순정에 물려 만족하며 사용하였지만 아래 문제점 때문에 올인원을 고민하고 있었다..음성과 영상의 싱크가 1초 딜레이낮에 운행 시 햇빛때문에 화면이 안보여 초행길 운전에 네비화면을 자세히 들여다보다 사고날 뻔한 경험및 초행길 운전의 난이도 상승(특히 서울한복판)해상도가 너무 낮아 화면이 뿌옇게 보임참고 쓸려고했지만 사고날뻔해서 속 시원하게 총알도있겠다 올인원으로 바꾸기로 결정했다.주문알리에서 프리우스4에 맞는 TEYES CC3 2K 제품을 주문하였다.주문 전, 프리우스 카페에서 4세대이지만 4.5세대 부속품을 보내줘서(그리고 캔버스 부품 누락) 추가 부속품 배송까지 기다린 문제와, 브라켓이 맞지않아..
기준 정보차량 : TOYOTA Prius4 (XW50)올인원 : TEYES CC3 2K시작카플레이 앱 사용하면서 보이스 버튼을 누르면 SIRI를 호출할 수 있어서 정말 편했는데, 카플레이 앱을 사용하지 않고 그냥 보이스를 누르면 Teyes Voice의 남성 TTS가 "HELLO~" 하면서 반겨주죠..Teyes Voice한글 등 제대로 사용하려면 과금을 해야한다 해서 그냥 보이스 버튼 맵핑을 찾아봤었습니다. 올인원 기본앱에 핸들버튼 맵핑이 있기야 하지만 저는 캔버스 연동 차량이라 맵핑이 불가능한 차량입니다.결과결론적으론 구글 어시스턴트나 안드로이드 올인원 카페에서 얻은 티맵 아리아 호출앱을 사용할 수 있더라구요방법1. 숨겨진 설정을 보여주는 앱을 설치해야 합니다.MarioDantas의 Android Sh..
기준 정보차량 : TOYOTA Prius4 (XW50)올인원 : TEYES CC3 2K시작안드로이드 올인원의 작은 화면에 2K 해상도를 사용하니 아래와 같은 문제점을 직면했다.화면이 너무 넓어서 내비에서는 "잠시후 ~" 멘트가 나오지만 화면상에는 저 멀리있는것처럼 보여서 지나치는경우UI가 너무 작아서 터치하기도 불편하고 글자같은 경우에는 잘 보이지도 않는것과거에 CARabc 라는 제품을 사용하면서 큰 UI에 익숙해서 그런지 모르겠지만 난 너무 불편했다.이것을 해결하는 방법은 안드로이드 개발자모드에서 DPI 수치를 조정하면 된다. DPI수치를 조정할 때 DPI가 높으면 1인치에 더 많은 픽셀수가 들어가기 때문에 높을수록 화면이 더 넓고 작게 보이고, 반대로 DPI가 낮을수록 더 좁고 크게 보인다. 중학교..
