일러스트레이터에게 우리 집 그림을 의뢰했다. 이제 그 그림이 Home Assistant 대시보드다

4 hours ago 4

실제 집을 그린 인터랙티브 대시보드를 만들어, 기존 Home Assistant 앱을 쓰려 하지 않던 가족들도 기기를 직접 제어하게 됨 벽난로의 불꽃, 정원 조명, 에어컨의 바람을 그림에 반영하며, 기기 상태에 따라 정지 이미지와 애니메이션 WebP를 바꿔 표시함 제작의 가장 큰 부분은 코딩보다 일러스트레이터 섭외와 요구사항 정리였으며, 모든 그림을 같은 크기와 좌표의 공통 캔버스로 받는 것이 배치 작업을 크게 줄임 Home Assistant 기본 picture-elements 카드로 그림과 기기를 연결하고, 층별 화면과 집 전체 화면은 YAML 파일을 공유해 한 번 수정하면 함께 반영되도록 구성함 TV에서는 집 전체 상태를 보고, 휴대폰 앱에서는 조작하는 방식으로 정착함. TV 리모컨으로 조작할 수 없다는 제약이 오히려 가족들이 앱을 설치하는 계기가 됨 자동화해도 남아 있던 사용 문제 저자는 오픈소스 스마트홈 플랫폼 Home Assistant로 약 1년간 집을 자동화함 모두 외출하면 에어컨을 끄고, 더운 날에는 정원 스프링클러를 오래 가동하며 비가 오면 건너뜀 정원 조명처럼 사람의 조작이 필요한 기기는 여전히 남아 있었음 제조사 앱이나 Home Assistant에서 켤 수 있었고, 일정 시간이 지나면 자동으로 꺼지도록 설정함 종료 직전 조명이 깜빡이면 앱에서 시간을 연장할 수 있었지만, 다른 가족들은 기존 앱과 대시보드를 쓰려 하지 않았음 물리 스위치를 설치하는 것만으로는 타이머 연장 문제가 해결되지 않았음 스프링클러처럼 본체 버튼을 누른 뒤 물을 피해 달아나는 것보다 앱에서 조작하는 편이 편리한 기기도 있었음 가족이 스스로 쓰고 싶어 할 만큼 매력적인 대시보드를 만들기 위해, 실제 집의 모습과 상태를 반영하는 그림을 선택함 픽셀 아트에서 손으로 그린 집으로 처음에는 3D 평면도와 픽셀 아트 평면도를 살펴봄 저자가 찾아본 3D 사례 대부분은 정적인 집 이미지 위에 조작용 아이콘을 얹는 방식이었음 픽셀 아트는 매력적이었지만, 직접 그리거나 그래픽 편집기에서 라이브러리의 작은 그림을 하나씩 배치해야 했음 작가를 찾던 중 공간 일러스트를 전문으로 하는 Owen Yeconiel 을 추천받음 포트폴리오의 화풍이 더 마음에 들어 픽셀 아트 대신 손으로 그린 공간 일러스트를 택함 대시보드에 필요한 기술적 조건과 최종 용도를 이해하는 작가를 찾는 것도 중요했음 3D 사례에 대한 평가는 2026년 5월 저자가 조사한 자료의 범...

Read Entire Article