맞춤 위젯으로 Mac 데스크탑을 꾸밀 수 있습니다. 예, coffeescript, HTML5, JSX, React 및 JS를 사용하여 자체 위젯을 작성할 수 있습니다.
Mac에서 사용할 수 있는 기본 위젯이 있지만 마음에 들지 않습니다.
나는 데스크탑에서 나만의 위젯을 좋아합니다. 날씨, 통화, 시간대 또는 CPU 로드, 메모리 상태, 디스크 또는 네트워크 상태와 같은 시스템 정보. 이 위젯이 수행하는 작업을 완전히 제어하고 가장 중요한 것은 JavaScript, React, JSX와 같은 기존 기술 세트를 연마하고 새로운 CoffeeScript를 배우고 싶습니다.
- ubersicht 이라는 타사 앱을 사용하면 가능합니다.
모든 JavaScript, React, JSX 코드가 Mac 데스크톱에서 실행되고 정보를 표시할 수 있는 Mac 앱입니다.
Übersicht에 따르면:
Übersicht lets you run system commands and display their output on your desktop in little containers, called widgets.
먼저 Übersicht를 다운로드하여 설치해야 하며
applications
폴더 또는 아무 곳에나 넣고 실행할 수 있습니다.모든 위젯의 위치는 다음과 같습니다.
..../Library/Application Support/Übersicht/widgets
이 위젯 폴더 안에는 자체 위젯을 만들 수 있습니다.
위젯 폴더는 다음과 같습니다.
폴더 구문:
{foldername}.widget
hello-world.widget
.widget
는 중요합니다. 이 .widget
가 없으면 Übersicht가 인식하지 못합니다.폴더를 만들지 않고 코드를 작성할 수도 있습니다.
index.js
또는 index.jsx
또는 index.coffee
를 이 위치( ..../Library/Application Support/Übersicht/widgets
)에 넣으면 오류가 없으면 실행됩니다.디버깅 방법
브라우저에서 요소를 검사하는 방식과 매우 유사합니다.
클릭
show debug console
.최소한의 위젯은 다음과 같습니다.
샘플 코드:
CoffeeScript에서 이번 달을 달력으로 보는 복잡한 코드 샘플입니다.
샘플 코드:
이제 아이디어가 생겼습니다!
위젯은 최소 수준에서 다음과 같은 항목을 가질 수 있습니다.
README.md
screenshot.png
widget.json
index.coffee
또는
README.md
screenshot.png
widget.json
index.js
또는
README.md
screenshot.png
widget.json
index.jsx
코드 작성 방법에 대해 자세히 알아보려면 여기link를 참조하세요.
커피 스크립트로 작성하는 것을 선호한다면 이 link .
먼저 기존 위젯을 다운로드하여 모양을 확인한 다음 Übersicht official site에서 사용할 수 있습니다.
자신만의 위젯을 작성한 후 Übersicht로 보낼 수 있습니다submit your widget.
작은 경고:
내 통화 변환기.
예시:
Currency Conversion
Reference
이 문제에 관하여(맞춤 위젯으로 Mac 데스크탑을 꾸밀 수 있습니다. 예, coffeescript, HTML5, JSX, React 및 JS를 사용하여 자체 위젯을 작성할 수 있습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/zakirsajib/spice-up-your-mac-desktop-with-custom-widgets-yes-we-can-write-our-own-widgets-using-coffeescript-html5-jsx-react-and-js-1o4l텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)