ha-component-kit

(★ 1,255)

Designed with developers in mind, this powerful package is built on React to create seamless, highly customizable interfaces for your Home Assistant smart home dashboards.

파일 탐색기

최종 버전 다운로드 (.zip)
  • .d.ts
  • .gitignore
  • .nvmrc
  • .prettierrc
  • CHANGELOG.md
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • database.json
  • DEPLOY.md
  • eslint.config.mjs
  • package-lock.json
  • package.json
  • README.md
  • repository.json
  • ROADMAP.md
  • tsconfig-type-check.json
  • tsconfig.json

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/shannonhochkins/ha-component-kit

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd ha-component-kit

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -f hakit/Dockerfile -t ha-component-kit .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 ha-component-kit

빌드된 이미지를 실제 컨테이너로 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
npm create hakit@latest

이 명령어를 터미널에 그대로 입력해 실행하세요.

npm install @hakit/core @hakit/components

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

<img alt="" src="https://img.shields.io/npm/v/@hakit/core.svg?style=for-the-badge&labelColor=000000&label=@hakit/CORE" align="left" height="16" width="auto">

이 명령어를 터미널에 그대로 입력해 실행하세요.

<img alt="" src="https://img.shields.io/npm/v/@hakit/components.svg?style=for-the-badge&labelColor=000000&label=@HAKIT/COMPONENTS" align="left" height="16" width="auto">

이 명령어를 터미널에 그대로 입력해 실행하세요.

<img alt="" src="https://img.shields.io/npm/dt/%40hakit%2Fcore.svg?style=flat&colorA=000000&colorB=000000&label=Downloads" align="top" height="20" width="auto">

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

오늘의 추천 프로젝트

ponytail ★ 107,195

AI 에이전트가 방 안에서 가장 게으른 시니어 개발자처럼 생각하게 만듭니다. 가장 좋은 코드는 애초에 작성하지 않은 코드입니다.

JavaScript
LlamaFactory ★ 74,279

100개 이상의 LLM 및 VLM을 위한 통합 고효율 파인튜닝 (ACL 2024)

Python
d2l-zh ★ 79,744

《Dive into Deep Learning》(딥 러닝 서 ): 중국어 독자를 위한 실행 가능하고 토론 가능한 도서입니다. 중영문판은 70여 개국의 500개 이상

Python
terminal ★ 104,654

새로운 Windows Terminal과 기존 Windows 콘솔 호스트가 모두 한곳에 모여 있습니다!

C++
Web-Dev-For-Beginners ★ 96,420

24개의 레슨, 12주의 커리큘럼으로 웹 개발을 시작해 보세요.

JavaScript
iptv ★ 136,273

전 세계의 공개된 IPTV 채널 모음

TypeScript
// repository documentation