인터넷 ,사물 인터넷 (8) 리스트형 스마트홈 만들기, 전등 스위치(헤이홈 스마트 조명 스위치 리뷰) 안녕하세아! 오랜만에 스마트홈 만들기 시간입니다.~~ 스마트홈 콘텐츠와 코딩콘텐츠는 공부하고 실행해 보고 겪는 경험들을 올리다 보니 업로드가 무지막지하게 오래 걸리네요😂 저번 포스팅에서는(기억이 날지 모르겠지만....) 스마트홈의 플랫폼을 설명했었는데 저는 앱등이다 보니 당연히 애플홈킷을 선택!!! 하였어야 하지만 처음 스마트홈을 시작할 때는 플랫폼 개념 없이 시작해서 헤이홈이라는 제작사의 제품을 사용했어요. (결국 모든 플랫폼을 라즈베리파이를 통해 홈킷으로 옮기긴 했지만...) 대부분의 스마트홈 시작하시는 분들은 불을 스마트폰으로 또는 음성인식으로 끄고 싶으신 분들이더라고요. (동생이 있으면 최고의 AI비서가 생기는 거지만....) 그래서 오늘은 전등스위치를 소개하려고 합니다. (광고 아니고 내돈내산,.. HTML 태그(Tag) 모음 1. HTML의 기본인 태그 안녕하세아!! !!태그 모음만 보실 분은 3번으로 바로 가세요!! 저번 포스팅에서는 HTML의 기본인 태그에 대해서 글을 적었어요. 근데 우리가 모든 태깅을 외울 수는 없으니 태그 모음집을 만들어 놓고 참고할 수 있도록 만들어 놓으려고 해요. 요즘 세상에서는 HTML 태그가 무엇인지를 알고 있다면 모든 태그를 알고 있는 것과 다름이 없어요. 인터넷에서 1분도 안걸려서 찾을 수 있거든요. 하지만 하나하나 찾는것 보다 통계학적으로 가장 많이 사용되는 순으로 정리를 해두면 코딩 입문자에게는 도움이 될 거 같아서 정리해 놓으려고요. 2. 가장 많이 사용되는 태그 구글에서는 전 세계에 있는 웹페이지를 분석해서 결과를 공개했었는데 그 결과를 보기 좋게 잘 정리한 사이트가 있어요. (완전.. HTML 기본 문법 - 태그(Tag) 이제 실습 환경도 만들어졌으니 진짜로 코딩을 해볼게요. 처음부터 완벽한 웹 페이지를 구현하는 것은 힘드니 저는 하나씩 만들어 나갈 생각이에요. 먼저 글을 써보려고 해요. 1. 웹페이지에 문장적기 1. html 아래에 Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. 이라는 문장을 적고 웹브라우저를 리로드 하면 짜잔! 이렇게 내가 타이핑한 글이 로드가 돼요. 드디어 내가 만든 웹페이지에 의미 있는 내용을 탑재를 했어요. 하지만 우리가 문서 작업을 할 때도 중요한 단어는 강조시키잖아요. (이런 볼드체로..) 보통 한글을 많이 사용하다 보니 ctrl + B cmd .. 코딩 실습 환경 만들기 - HTML 적용해보기 HTML 실습 저번 시간에 컴퓨터 언어 중 HTML을 시작하겠다고 결심했으니 실습할 수 있는 환경을 만들어 보려 합니다. 먼저, 코딩을 하기 위해서는 에디터(Editor)라는 프로그램이 필요해요. - 저는 코딩을 생활코딩이라는 사이트를 보면서 공부를 해서 많은 내용이 겹쳐요 ㅜ 저는 제가 공부한 내용을 공유하는 페이지예요. 코딩을 배우실 분은 생활코딩 사이트 추천드려요. https://www.opentutorials.org/ 에디터의 종류 에디터를 사용하기 위해 찾아보던 저는 각자의 운영체제에는 이미 에디터가 준비되어 있다는 사실을 알게 되었어요. Window : 메모장 Mac : 텍스트 편집기 Linux : gedit, nano, vim 개인적으로 맥 OS를 사용하는 저는 텍스트 편집기는 알고 있었는데.. 코딩의 기초 - 웹? 인터넷? : HTML 시작 컴퓨터 언어 - 즉 코드의 종류 세상에는 다양한 종류의 컴퓨터 언어 즉 코드들이 존재해요. C, C++, Java, Python, SQL, HTML 등등.... 이 각자의 언어들은 각자의 역할이 정해져 있어요. 그래서 하고자 하는 일에 따라 적당한 언어를 선택해야 해요. 그중 웹페이지를 만드는 언어는 무엇이냐? 바로 인터넷에 검색해 봤어요. 웹페이지를 만드는 언어(코드)는? HTML!이라는 코드에요. HTML을 시작하기에 앞서 왜? 굳이? 웹페이지를 만드는 언어를 배우려고 하는지 궁금해 하실까봐 ㅎㅎ 첫번째로 아주 쉬운 컴퓨터 언어! 코딩을 처음 배우려고 한 이유는 스마트 홈 구축을 위해 이것저것 해보다가 Github에서 언어를 처음 접하고 이해하기 위함이었지만 처음부터 어려운 언어를 만나면 3일도 안되.. 코딩의 시작 - 코딩이란? 코딩이란? 코딩은 과연 무엇일까? 요즘 코딩에 대한 관심이 상당히 높은 거 같아요. 프로그래머의 연봉이 인기 검색어가 되고 초등학생 때부터 코딩을 배우기 위해 코딩학원에 다니며 배우는 걸 심심치 않게 볼 수 있는걸 보면요. 그렇다면 코딩은 무엇일까? 코딩이란? 쉽게 설명하면 컴퓨터와 소통하기 위해 사용되는 명령어 즉 프로그래밍 언어를 사용하여 컴퓨터에게 원하는 작업을 지시하는 행위를 코딩이라고 해요. 코딩을 통해 무엇인가를 개발하는 개발자는 코딩이라는 작업을 통해 애플리케이션, 프로그램, 웹페이지 등을 만드는 결과물을 도출. 코딩의 첫 시작 저는 스마트 홈을 구축하면서 처음 코딩을 접하게 되었어요. 홈브릿지를 만들면서 라즈베리파이를 사고 이후 Github에서 명령어를 그대로 복붙 하면서 '아무것도 이해하.. 스마트홈 시작의 첫 단계! 플랫폼 선택 안녕하세아! 오늘은 스마트 홈 구축을 하기 위해 가장 먼저 해야 하는 일을 설명할게요. 스마트 홈 구축을 해야 한다고 하면 가장 먼저 떠오르는 것은 무엇인가요? IoT기기를 먼저 사야 할까요? AI 스피커를 사야 할까요? 제가 생각할 때 가장 먼저 해야 할 것은 IoT기기들을 통합 관리할 수 있는 플랫폼을 선택하는 것이 가장 우선이라 생각해요. "왜? 플랫폼이 우선인가?" 이 질문의 답은 통합 관리 플랫폼이 없다면 1. IoT기기들을 살 때마다 그 제조사의 어플이 늘어납니다. (대부분의 IoT제조사들은 한 분야에 특화되어 있는 경우가 많아요ㅜㅜ) 전등을 켤 때, 커튼을 닫을 때, 티비를 켤 때 등등 다른 제조사의 제품을 사용하면 어플을 이것저것 바꿔가며 써야 되는 불상사가 생기는 거죠. 2. 기기들을 활.. 스마트 홈(IOT) 시작하기 안녕하세아~! 티스토리의 새로운 시작은 스마트 홈 구축을 하면서 공부했던 내용들과 시행착오를 공유하려고해요. 주로 인터넷 검색으로 스마트 홈 구축하는 방법을 공부하고 여러 블로거님들에게 물어보며 전문적인 지식은 아니지만.... 물론 지금도 용어와 코딩은 모르는게 너무 많고 어려움을 느끼고 있어요.ㅜㅜ 저처럼 코딩이나 사물인터넷관련 지직이 하나도 없던 사람이였다가 스마트홈에 관심이 생기신 분들을 위해 처음 홈IOT에 입문할때 저를 혼란스럽게 만든 용어들 정리!!! 물론 저도 인터넷 검색으로 공부하여 이해한 내용이므로 틀린정보가 있다면 언제든지 댓글로 알려주세요. 같이 공부하는 느낌으로 ㅎㅎ1. 홈 IOT의 언어의 이해 스마트 홈을 구축하기 위해 여러가지 전자기기들을 구매를 하게되면 전자기기들도 서로 소통하.. 이전 1 다음