분류 전체보기

프로그래밍/WEB

[WebAppServer] 공유가 가능한 마크다운 메모장 서버

MdServer나는 보통 내용을 정리할때 마크다운(md) 문서로 내용을 작성한다음 저장한다.때로는 내가 만든 마크다운 파일을 공유할일이 생기는데 이참에 나만의 마크다운문서 서버를 만들고자했다.GitHubhttps://github.com/hbcha0916/mdServer GitHub - hbcha0916/mdServerContribute to hbcha0916/mdServer development by creating an account on GitHub.github.com 제작제작은 70%는 Claude.ai 가 했다 ㅋㅋ나는 구현스택과 기능상세에대해 설명하고 질문하고 눈에보이는 버그 및 결함을 지시하고모르거나 이상한부분에 대해 질문하고 -> 이상한부분에 대해 질문하면 잘못된 로직이라며 AI가 지혼자 수..

자동차/TOYOTA Prius XW50

[DIY] 프리우스4 사이드미러 와이드로 교체

사이드미러운전석 사이드미러가 평면거울이라 사각지대가 매우 많다..보조거울로 의존하다가 더 이상 버티기에는 사고를 유발할 것 같아 사이드미러를 구매했다..보조거울은 열선이 없어 비가 오거나 조금 오염되거나 +야간에는 잘 안 보인다.. 외국에서는 숄더체크를 습관화하기 때문인 것 같은데 나도 숄더체크를 하지만 너무 답답하다..제품옵틱글래스가 유명해서 옵틱글래스로 장착했다 [No.504]쿠팡에 3만원 짜리도 있던데.. 따로 열선시공을 해야 하거나, 열선이 있어도 열선이 거울 전체로 있는게 아니라 중앙에만 있기도 하고 리뷰에 장착 중에 잘 깨진다고 하여.. 조금 비싸더라도 옵틱글래스로 선택했다처음 언박싱하자마자 다르다는 느낌을 바로 알 수 있다(옵틱글래스는 볼록하다(당연))박스 위 사이드미러가 순정에서 탈거한 것..

잡것

Jupiter X600 셋업

선택지기존 사용하던 중국직구 GTI12가 급사하였고.. 사용중이었던 램과 SSD는 무사하여 새로운 미니PC를 찾고있는데 조건은 아래와같았다..1. 작아야한다2. 사양은 좋아야한다(VM 하나정도에 여러 컨테이너 가동상태에서 3개 이하의 IDE를 키고 크롬으로 탭 30개정도는 열려야한다)3. USB4를 지원해야한다4. 국내AS가 가능해야한다후보1. DeskMini(Usb4가 결정적으로 지원하지 않았음)2. SFF 구성(Sodimm램을 처분하고 램을 재구매 해야했음)3. 노트북(베어본도 없고 너무컸음)4. Jupiter(후기를 찾기 너무 힘들었음)각각 하나이상의 하자들이 있었지만 모든 조건을 부합하는 Jupiter를 선택했다..분해언박싱후 케이스모습작지만 생각보다 무게가 조금있다..후면 나사하나만 풀고 사진기..

프로그래밍/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(데이터를 가져온후 추가적인 데이터파싱이필요할 경우 유용)한글화사용 순서$..