이번엔 html을 한번 해 봅시다! html이 뭘까요? 하이퍼 텍스트 마크업 언어 (Hyper Text Markup Lnaguage 라고 하는데... 저는 크게 신경 안 씁니다. 이 html 언어가 바로 웹 페이지, 그러니까 사이트를 구성하는 언어예요! html 은 크게 네 구역으로 나눠져 있답니다. 지극히 제 생각이지만요. [헤더] [메뉴/네비게이션] [바디] [푸터] 이 네 구역 안에 다시 여러 가지 구역 (div) 으로 이루어져 있어요. html의 코드 표기는 이렇답니다. 이렇게 꺽쇠 안에 코드를 넣어서 표현하죠. html은 특이하게 닫는 코드도 있어요. 닫는 코드는 코드 이름 앞에 슬래시 [/]를 표현합니다. 자, 이제 시작해 봅시다. https://codesandbox.io CodeSandbox..
🎨 썸네일 메이커 바로가기 티스토리로 포스팅을 다~ 작성해놓고, 마지막에 썸네일을 추가하는 곳에서 항상 "멈칫" 하게 됩니다. 매번 썸네일을 만들기엔 너~무 귀찮아요... (미리캔버스? 파워포인트? 이것도 괜찮긴 하지) 이왕 만드는 김에 디자인도 예쁘면 좋으니 효율성 같은건 집어치우고 디자인에 올인했습니다 😁 유리 컨셉 글래스모피즘 디자인입니다! 최적화는 다음에 심심할때 하죠 뭐... (심심하지 않습니다) 🔥 HTML 캔버스 HTML 삽입 미리보기할 수 없는 소스 캔버스를 이용해서 배경을 출력하고, 텍스트도 입력하게 만들었습니다. 위의 코드로 각각 배경, 텍스트 캔버스를 만들어 주었습니다. HTML 삽입 미리보기할 수 없는 소스 자바스크립트는 일부분만 넣어 드릴께요. 풀 버전은 깃허브에 있습니다! [깃허..