홈 어시스턴트(Home Assistant) 활용기 - 4-1부(예쁘게 꾸며보자!)

니 글을 쓰는데,,, 생각보다 오랜 시간이 걸렸다.

 

한... 한 달 넘게?

 

나는 이미 홈어시스턴트를 나름 꾸며 놓았다.

 

근데 설명을 하려면 우리 집 홈어시스트턴트를 예전처럼 바꿔야 하나?

 

뭐 그런 생각으로..

 

할 수 있는데까지 해보기로..

 

 

 

 

 

앞의 글을 열심히 읽고 돈을 쓰시고,

 

설정을 다 하셨다면,

 

 

이제는 회사에서, 야외에서, 가끔은 해외에서?

 

쉽게 인터넷창에서 홈 어시스턴트에 접속이 가능하실 겁니다.

 

 

와우~

 

쉽죠?

 

 

근데 이짓을 왜 하냐고요?

 

 

언제가 될지 모르겠지만,, 다~ 도움이 됩니다.

 

 

 

또 해보실까요?

 

 

근데,

 

 

이거 하다 보면 재밌지 않나요? 괜찮죠?

 

집에서 굳이 안 해도 되고,

 

장비를 구매하는 것이 아니고 회사에서 눈치 보며 인터넷창으로만 뚝딱뚝딱하면

 

뭔가가 만들어지고?

 

 

네..

 

 

저는 회사에서 이런 것 하는 거 좋아합니다~^^

 

 

시작할까요?

 

 

이제는 설치가 완료된 홈어시스턴트를 예쁘게 꾸며볼 차례다.

 

 

기본 홈 어시스턴트 화면은 처참하다.

 

* 아래는 우리 집 아님..

 

 

하얀 배경에.. 글씨에,,,

 

기본이 카드 디자인에..

 

이거 이거 디자인한 사람은 반성해야 한다..

 

아예 작정하고 이거 쓰지 마시오...라고 하는 것 같다.

 

 

 

나는 이  처참한 화면을 이쁘게 해 보려고 많은 방법을 시도하였다.

 

 

보통 능력자분들은 러브레이스라고,,

 

Lovelace..

 

싱기방기한 기능을 사용하고 있다.  무슨 소스 추가하고,

 

일일이 .yaml 파일 안에 코드를 입력해 주고,,, 아래처럼?

 

음..

 

 

알면 좋겠지? 당연히?

 

그래서 나는 이것을 약 2~3개월 동안 공부하고 우리 집 홈 어시스턴트에 적용하고

 

다 했었다.

 

근데 장비가 추가되거나 이동되거나 뭔가가 달라지면?

 

 

또 해당 lovelace-ui.yaml(파일명은 좀 다를 수 있지만) 파일을 열고(ft. 파일편집기)

 

해당 내용 코드를 수정해야 하드라..

 

못하겠다.

 

 

 

 

다른 방법으로 하자.

 

쉬운 방법이 있는데, 왜 어려운 방법으로 굳이 가야 하나?

 

물론 러브레이스로 만든 홈 어시스턴트 배경, 카드가 훨씬 이쁘긴 하지..

 

근데 그거 좀 더 이쁘자고 고생을 해야 해?

 

내가 계속 말하지만,

 

어려운 건 안 해도 된다면 안 한다.

 

쉬운 길로 가십시다..^^

 

물론 내가 모르는 부분이 있겠지...

 

내가 아는 것 기준으로,,

 

 

 

러브레이스고 나발이고, 홈어시스턴트에 내장된 기본 편집 기능을 이용해서 이쁘게 해 보자.

 

홈 어시스턴트 들어가세요~

 

인터넷 주소는

 

https://abcde.duckdns.org

 

이런 식으로 들어가고 계시죠? 쉽죠?

 

처음 보신다면 아래 글 읽고 오세요~

 

https://tttae.tistory.com/58

홈 어시스턴트(Home Assistant) 활용기 - 1부(외부 인터넷 접속)

 

 

로그인하시고~

 

들어가면 처참한 화면을 만나시게 됩니다.

 

 

이전 글에서 구글홈과 홈어시스턴트를 연동해 놓았다.

 

 

물론 그 이전에 구글홈과 스마트씽스를 연동해 놓았다.

 

또한 모든 장비들이 연동되어 있다.

 

 

우리는 모두 연동되어 있다~

 

얏호~!!!

 

 

 

우와~!!

 

뭐 하려고 했더라?

 

 

아~

 

홈어시스턴트를 이쁘게 꾸며보자..

 

홈어시스턴트로 가세요~

 

색깔이나 뭐 그런 것은 님과 나와 다를 수 있지만,,

 

따라오시면 됩니다.

 

왼쪽 메뉴에서 'HACS'를 누르시고,

 

오른쪽 위 상단에 'Frontend'를 누릅시다.

 

이런 느낌으로 나올 텐데,,

 

오른쪽에 검색할 수 있는 공간이 있다. 돋보기도 있고,

 

 

이렇게,

 

 

여기다가 검색을 해서 설치하면 되는데,

 

 

* 참고!!

 

card가 뭐지?

 

여기 홈어시스턴트에서는 누를 수 있는 버튼(?)을 Card라고 하드라..

 

그러니깐, 여기서 카드 디자인 및 테마를 다운로드하는 것이다.

 

 

자~

 

설치 예를 들어 봅시다.

 

위의 검색창에서 'card'를 검색해 봅시다.

 

여기서 'Curtain card'를 설치한다고 하면,

 

'Curtain Card'가 있는 곳을 클릭하면,

 

 이런 식으로 뜨는데,,

 

오른쪽 아래 'DOWNLOAD'를 누르면 설치가 된다.

 

설치하는 방법을 말씀드린 거고,,

 

 

 

이런 방법으로 아래의 것들을 모두 다운로드하시오..

 

물론 더 받아도 됨.

 

내가 받은 거 알려드림. 다 받으시고 오세요~!!

 

물론 다 받을 필요는 없는데,,, 앞으로 설명하는데 도움이 되시라고..

 

다 받으면 좋지 않을까요? 찾아서 더 받으면 좋은 거고?

 

*혹시나 어려우신 분들을 위해..

 

위 그림에서 첫째 줄이 이름이다.

 

예를 또 들면, 검색창에 'card-mod'라고 치면 나온다.

 

이런 식으로 모두 설치하시면 됨.

 

 

 

이제 준비가 다 되었다..

 

 

...

 

 

아시죠?

 

 

전 직장인입니다..

 

회사에서 일을 해야죠~!!

 

 

 

죄송합니다. 다음 편에 계속하겠습니다..