본문 바로가기

분류 전체보기

 (135)
css 속성 값으로 계산 식 넣기. calc를 사용하면 css 값을 계산식으로 사용할 수 있습니다. width: calc(100vh - 60px); calc는 position으로 fixed나 absolute를 사용해서 특정 위치에 고정시킨 div 크기를 정할 때 유용합니다. 이때, right, bottom이 0px인 경우 별 문제없습니다. 그러나, 화면 중간에 표시할 때 width, height를 비율로 사용하면 원하는 결과가 안 나옵니다. 이때 calc를 사용하면 창 크기를 변경했을 때 내가 원하는 만큼 화면을 채울 수 있습니다. 아래와 같이 height에 calc를 사용하면 바닥에서 30px 이동한 후 높이를 다 채울 수 있습니다. .calc-test { position: fixed; right: 5px; bottom: 30px; wi..
CDC로 화면에 출력할 글자 길이 구하기. TextOut함수로 화면에 문자열을 출력할 때 그 길이를 알고 싶을 때가 있겠죠? 그럴 때 이 함수를 사용하면 됩니다. GetTextExtent CDC Class Learn more about: CDC Class docs.microsoft.com 함수 원형은 다음과 같습니다. CSize GetTextExtent( LPCTSTR lpszString, int nCount) const; CSize GetTextExtent(const CString& str) const; OnPaint 같은 데서 그래픽 출력할 때 사용하면 되겠습니다.
마음에 안정이 필요할 때. ​ 마음에 안정이 필요할 때는 맛있는 드립커피와 가을, 겨울 시즌 한정판 케이크!!! 아날로그3호점 드립커피는 최고. 여기만큼 맛있게 내려주는 데를 찾을 수 없다. ​
나이키 프리 메트콘4, 트레이닝화. 나이키에서 쿠폰 쓰라고 자꾸 카톡이 날아와 신발 구경이나 하려고 나이키 닷컴을 찾았다가 트레이닝화를 구매했습니다. 저 낚인 거죠? ㅎㅎ ​ ​ ​ 나이키 프리 메트콘4 할인 가격에 쿠폰 적용했더니 가격이 괜찮더라고요. 팩토리 아울렛 가는 것보다 메리트 있어서 이참에 집에서 홀트 할 때 신는 다 떨어진 트레이닝화를 교체했습니다. ​ ​ ​ 나이키 공홈에서 신발은 처음 사 봤는데 무료반품도 되고 좋네요. ​ 사이즈 실수하더라도 교환 아니고 그 제품은 반품해서 환불받고 다시 주문하는 시스템입니다. ​ 뭔가 합리적인 것 같기도 하고 아닌 것 같기도 하고. ​ ​ ​ 역시 신발은 나이키죠! 특히나 운동할 때는 나이키!! ​ ​ 통자?로 된 형태는 처음 신어보는데요. 이런 형태를 뭐라고 하는지 잘 모르겠네요. ㅎ ..
electron에서 WIN32 API SendMessage 사용하기. electron프로그램에서 다른 윈도우 프로그램으로 메시지를 전달해야할 일이 생겼습니다. 오잉??? 이게 되려나??? 물론 되기야 하겠죠? 제 내공이 얕아서 잘 모를뿐 ㅎㅎ 역시나 이런 저런 키워드로 검색해보니 딱 있습니다. Node.js Foreign Function Interface for N-API - node-ffi-napi Node라이브러리 말고, 윈도우 DLL 라이브러리등을 사용할 수 있게 해 줍니다. Linux, OS X, Windows, Solaris에서도 돌아간다는데 저는 Windows에서만 사용해 봤습니다 EnumWindows로 실행중인 프로그램을 하나 찾아 그 녀석에게 메시지 하나를 날려주는 간단한 작업입니다. * 윈도우 개발툴이 필요합니다. Visual Studio 없으시면, 개발툴..
맥(MacOS)에서 globstar 패턴 인식 안 될때!!! ELECTRON으로 프로그램 만들고 동작 확인할 때 운영체제마다 약간의 차이로 코드가 안 돌아갈 때가 있습니다. 이번에 부딪힌 문제는 npm으로 파일 복사 스크립트를 실행할 때 globstar 패턴인식에 문제가 있었습니다. 예를 들어 아래와 같은 npm 스크립트가 있다면, copyFiles scr/assets/**/* 윈도 10에서는 scr/assets/ 하위에 있는 폴더와 파일을 다 불러올 수 있는데 맥에서는 안 되더군요. 한동안 테스트 끝에 스크립트의 문제가 아니라 각 종 설정의 문제란 걸 알게 되었습니다. 1. bash 버전 문제 현재 bash 버전이 너무 낮아 globstar 패턴을 제대로 인식하지 못했습니다. 터미널에서 아래 명령 실행에 실패하면 bash 업데이트를 해야 합니다. shopt -s..
BESPOKE 큐커 (feat. My 큐커 플랜) 최근에 출시된 갤럭시 z 폴드 때문에 삼성전자 홈페이지를 들락거리다 우연히 비스포크 큐커란게 출시된 걸 알게 됐습니다. ​ ​ 큐커? 이건 또 뭘까요??? 오... 일단 이쁘게 생겨서 합격입니다. 게다가 이거 한대로 전자레인지, 에어프라이어, 그릴, 토스터가 된다고 합니다. ​ ​ 오.. 신기신기. 갑자기 주방에 자리 잡은 전자레인지, 에어프라이어가 눈에 들어옵니다. 관심도가 급상승해서 자세히 구경해봅니다. ​ 상단에 그릴과 하단에 전자레인지가 위치했군요. 이런 신박한 생각을 한 제품 기획자님들 대단하심!!!! ​ ​ 큐커 전용 밀키트도 있는 것 같고요. 그림은 아주아주 먹음직스럽네요. ​ ​ 스크롤을 주우 내리다 보니, 오잉???? My 큐커 플랜이란 게 또 있네요 ㅎㅎㅎ ​ ​ 매달 약정금액 이상 지..
electron-builder 결과물 사이즈가 너무 클 때!!! electron-builder로 win32를 빌드했는데 파일 사이즈가 무려 400MB !!!??? 아무래도 이상해서 원인을 찾아봤습니다. 먼저, build 옵션 중 asar을 false로 한 후 어떤 파일이 배포 파일에 들어있나 확인했습니다. { ...... "build": { ...... "asar":false, ...... }, ...... } 그랬더니, 프로그램 소스 파일 외 각종 자료가 들어 있는 폴더가 들어있었습니다. 그 외 vscode 관련 설정 파일도 있더군요. 불필요한 파일을 제외하는 방법을 찾아보니 electron-builder 옵션 중 files란게 있었습니다. https://www.electron.build/configuration/contents

티스토리툴바