Web 스터디-6. JavaScript
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt...
reason_rock
Web 스터디-5. 폰트 가져오기
<html> <head> <title>WEB!!</title> <meta charset="utf-8"> <style> @import url('https://fonts.googleapis.com/css2?family=Fascinate&display=swap'); h1 ...
Web 스터디-4. CSS영역
<html> <html> <head> <style> div{ border: 5px solid green; } #container{ display: grid; ...
Web 스터디-3. 데이터 타입
<html> <body> <h1>Datatype</h1> <h2>Number</h2> <script> document.write(1); document.write('<br>'...
Web 스터디-2. 배열, 반복문
<html> <body> <h1>배열 - Array</h1> <script> let number = ['1', '2', '3'] document.write('배열의 첫번째 데이터는 '+number[0]); ...
Web 스터디-1. HTML 파일 구조.
<!DOCTYPE html><!--html임을 정의--> <html lang="en"> <head> <meta charset="UTF-8"><!--깨짐을 방지/ title와 함께 head로 맨위에 위치--> <meta http-equiv="X-UA-Compatible"...
Jekyll-Chripy 테마 활용 깃허브 블로그 만들기-2
Jekyll-Chripy 테마 활용 깃허브 블로그 만들기-2 Step 0. 복습 저번 게시글에서는 호스팅을 위한 환경을 구축하였고, 내부망에서 블로그가 작동함을 확인할 수 있었다. 이번 게시글에서는 이렇게 작동하는 블로그를 내 입맛대로 수정하는 것에 대해 다룰 것이다. 놀랍게도 본인은 이 부분을 우습게 봤다가 매우 사소한 문제로 2개월 이상을 날린 ...
Jekyll-Chripy 테마 활용 깃허브 블로그 만들기-1
Jekyll-Chripy 테마 활용 깃허브 블로그 만들기 연초에 깃허브 계정을 만든 후 아직까지 깃허브에 올릴만한 수준의 코드를 짜지 못해 먼저 깃허브 블로그부터 만들어보자라고 생각했던 것이 벌써 6월이 되었다. 미루고 미루다 틈틈히 도전해보았지만, 남들은 그렇게 쉽다던 블로그는 온갖 에러를 토해내며 날 놓아주지 않았다. 이는 필시 본인이 벼락치기...
DIY hub for Home Assistant system.
Although I established Google home voice control with Home assistant, I realized the need of intuitive touch control system. The Nest Hub was Ideal, but my wallet is so empty that I should DIY. Thi...
Home Assistant를 위한 DIY 허브 만들기
HA를 구축하고 구글홈 음성인식까지 연동하였으나 직관적인 제어는 역시 터치가 편하다는 것을 느끼고, 네스트 허브를 살지 말지 고민하다 직접 만들어보기로 했다. 준비물 서랍에 굴러다니는 공기계 3년 묵은 3D프린터 필라멘트 약간의 모델링 능력 이미 구축된 HA 서버 커넥터가 망가진 케이블 일체형 스마트폰 충전기 STEP1. 스마...