불편하면 바꾸자, Home Assistant용 커스텀 컴포넌트 개발하기 feat. 바이브코딩 / 3편 - 코딩, 실행

HA 바이브 코딩의 시작과 실행

1편 - 기본 환경 설정

2편 - 구상, 정리

3편 - 코딩, 실행

4편 - 트러블슈팅, 수정

이제 본격적으로 코딩 작업을 진행합니다.

1편에서 MCP설정 과정을 따라했다면

프로젝트가 이미 생성되어 있을테니

거기서 바로 진행하시면 됩니다.

(없다면, 프로젝트 하나 만들어서 시작)

과정은 단순합니다.

2편에서 나온 결과값을 순서대로

복사/붙여넣기 해서 진행만 하면 됩니다.

​

최종적으로 완료가 되면 이런식으로 나와요.

이게 완성본은 아니기 때문에

수정사항에 대한 관리를 해줘야 합니다.

---

1편에서 git 설치까지 하셨죠?

그러면 git을 설정해줘야 합니다.

git은 로컬(내 PC) 버전관리 도구 입니다.

git에 사용할 사용자 이름과 이메일 등록해줘
사용자 이름 : aaaa
이메일 : yyyy@aaaa.com

그러면 사용자 이름과 이메일을 설정했다고 합니다.

사용할 사용자명과 이메일은

github 가입할때 사용한걸로 넣어주세요.

 

지금 버전을 v0.0.1로 지정하고
앞으로 변경사항이 발생하면 자동으로 커밋해줘.
버그픽스로 수정되면 버전을 0.0.1씩 증가
기능적 업데이트는 0.1씩 증가
변경 내용을 요약해서 커밋 내용에 정리해줘

이런식으로 요청하면 앞으로 수정하는 내용들이

전부 자동으로 관리됩니다.

파일 업로드(SMB)

 

이제 실행을 해봐야죠.

프로젝트 폴더에 가시면

아마 cumtom_components 폴더가 있을거예요.

거기 내부에 있는 폴더가 제작한 파일인데

그걸 HA에 올려주면 됩니다.

​

1편에서 samba share를 설정했다면

\\IP 로 접속을 해보세요.

설정한 ID/PW를 입력하면

이런 화면이 보일겁니다.

여기서 config 로 들어가면

cumtom_components가 보여요.

​

여기에 프로젝트 폴더를 넣어주세요.

HA를 재시작 하면,

통합 구성요소에서 검색이 가능합니다.

​

파일 업로드(Github)

이번엔 공개 저장소인 github를 써볼게요.

1편에서 github MCP 연결하고 로그인 하셨으면

바로 진행이 가능합니다.

지금까지 작업한 내용을 github MCP를 활용해 github에 올려줘.
저장소는 Smart_Pid_Air_Conditioner 로 생성해서 올려주고
hacs에서 사용할 수 있도록 v0.0.1로 tag 달아서 배포까지 해줘

이런식으로 요청하시면,

저장소를 생성하고 올려줍니다.

---

혹시 저장소 생성 권한이 없다고 하면

저장소를 만들어 주세요.

github.com 접속하셔서 로그인 하시고

우측 상단 + 누르고, New Repository

​

 

저장소 이름을 설정하고 Creat Repository

(공개범위는 Public 이어야 합니다)

---

업로드가 완료되었다면

HACS에서 저장소를 추가합니다.

​

HACS접속 - 우측상단 3점

Custom repositories 누르시고

​

github에서 확인된 저장소 주소를 넣고

Type = Intergration 으로 선택 - ADD

​

컴포넌트 이름으로 검색될겁니다.

다운로드 받아주세요.

​

HA를 재시작 하고 통합 구성요소 추가!

 

이런식으로 원하는 화면이 나오면 완성...!

​

이지만 앞으로 또 갈길이 있죠.

4펀에서 계속됩니다.

같이 볼 글

 

1편

[사용기,리뷰,정보/IoT,DIY,인테리어] - 불편하면 바꾸자, Home Assistant용 커스텀 컴포넌트 개발하기 feat. 바이브코딩 / 1편 - 기본 환경 설정

불편하면 바꾸자, Home Assistant용 커스텀 컴포넌트 개발하기 feat. 바이브코딩 / 1편 - 기본 환경 설

 

 

2편

[사용기,리뷰,정보/IoT,DIY,인테리어] - 불편하면 바꾸자, Home Assistant용 커스텀 컴포넌트 개발하기 feat. 바이브코딩 / 2편 - 구상, 정리

불편하면 바꾸자, Home Assistant용 커스텀 컴포넌트 개발하기 feat. 바이브코딩 / 2편 - 구상, 정리

 

 

4편

[사용기,리뷰,정보/IoT,DIY,인테리어] - 불편하면 바꾸자, Home Assistant용 커스텀 컴포넌트 개발하기 feat. 바이브코딩 / 4편 - 트러블슈팅, 수정

불편하면 바꾸자, Home Assistant용 커스텀 컴포넌트 개발하기 feat. 바이브코딩 / 4편 - 트러블슈팅,

 

 

 

https://m.blog.naver.com/ray0412/224448124258

 

#바이브코딩 #코딩 #gemini #antigravity #제미나이 #안티그라비티 #aiagent #프로그래밍 #홈어시스턴트 #homeassistant #ha #iot #smarthome #스마트홈