Dog foot print

Quick Start Note 이 문서는 Hugo의 공식문서를 번연하여 편집한 글입니다. 오타나 수정사항이 존재하면 언제든지 댓글로 말씀 부탁드립니다. Hugo Insatall On Mac Note : Hugo를 Mac에 설치하려면 Mac OS package Manager인 brew 혹은 MacPorts를 먼저 설치해야 합니다. Note : [Homebrew](The Missing Package Manager for macOS (or Linux) — Homebrew) $ brew install hugo Note : [Macport](The MacPorts Project — Home) $ port install hugoHugo create a New site $ hugo new site newSiteNam..

{@html} {post.title} {@html post.content} 일반 텍스트를 표현할 때 문자 은 > 혹은 <로 변경됩니다. 그러나 @html에서는 이를 그대로 렌더링 합니다. {@html ""} hello svelte {@html ""} //it's not work위와 같이 {@html value}를 통해 div를 렌더링 하는 방법은 작동하지 않습니다. 또한 스벨트는 HTML을 사전 점검하여, 위험한 스크립트나, 잘못된 태그를 가려 보여주지 않습니다. 이를 방지하기 위해 source를 검사하거나, 믿을 만한 사람에게서 이 데이터를 받아야 합니다. #svelte

input 태그는 사용자가 웹페이지에 다양한 입력값을 전달하기 위한 도구이다. 그러나 이 input의 일부는 아직까지 모든 브라우저에서 동일하게 제공되지 않는다. 그러다보니 다양한 input들을 제공해주기 위해 개발자가 직접 만들어야 하는 경우도 종종 있다. input type 별 설명 input type : text text를 입력하기 위한 필드로 사용자가 text를 입력할 수 있다. input type : password text 와 password는 생긴것은 비슷하나 text를 입력하면 글자가 ' 점 ' 으로 표현된다. input type : button 특정 이벤트를 발생시키는 용도로 사용되는 input이다. input type : checkbox 한 개의 폼에서 다중선택이 가능한 입력이다. in..

div 는 주로 레이아웃을 구성하기 위해서 틀을 구역의 틀을 잡는 용도로 사용한다. 콘솔창을 눌러서 보면 우리가 보는 많은 페이지들이 div로 구성된 것을 볼 수 있다. 이 div를 html에 선언하면 처음에는 아무것도 보이지 않는다. 그러나 div에 무언가를 작성하고 div를 여러개 적어보면 뭐가 달라지는지 볼 수 있다. 안녕하세요 div입니다. div로 텍스트를 작성하니 각 div의 구역이 나눠졌다. 이와 같은 속성을 display : block 속성이라고 하는데 이 div의 구역 만큼 화면의 넓이를 차지하여 작성된 다음 태그가 아래로 내려가게 된다. div에 style 적용시키기 html에서 div태그를 꾸미기 위해서는 태그에 style어트리뷰트를 추가해야한다. style어트리뷰트에 원하는 스타일을..

중학교 때 함수라는 것을 수학시간에 배운적이 있다. 그런데 그 때 당시 나는 수학을 너무 싫어해서 함수만 보면 경기를 하고는 했다. 그리고 나이가 들어 프로그래밍을 배우기 시작하는데 함수라는 것이 등장하였다. 중학교 때 너무나도 싫어 하던 두 글자 '함수' 였지만 어릴적 싫어하던 수학시간의 함수와 개념은 비슷했지만 이 함수를 이용하는 것은 중학교 때 보다 너무 쉬웠다. 함수란 내가 쉽게 사람들한테 설명할 수 있는 함수의 정의는 "어떤 한 행위에 대한 절차" 이다. 중학교 때 아래와 같은 그림들을 많이 보았을건데 함수는 input을 이용해서 이 input을 가공해서 output을 만들어 낼 수도 있고 input없이 output을 만들어 낼 수 있다. 쉽게 말해서 내가 지정하는 논리에 의해 함수는 특정 동작..

하루에 두번 씩 블로그를 업데이트 하기로 자스민 사람들과 약속하였다. 오늘 새벽에 javascript for문과 while에 대해서 올려서 오늘 두개를 올린 것은 맞지만 ... 쪼오금 양심에 찔리기 때문에 시간이 있을 때 몇가지의 html태그들과 개행을 사용하는 방법을 정리하려한다. 시작하며 지난 포스팅에서 이와 같은 구조의 html 기본 뼈대를 만들었을 것이다. 그리고 우리는 웹에서 텍스트나 무언가들이 보이려면 태그 안에 작성하는 것을 알고 있다. 앵커 ,링크 앵커태그는 우리가 흔히 알고 있는 텍스트를 누르면 다른 웹페이지로 이동 할 수 있는 링크를 만들어 주는 태그이다. go To Naver 위와 같이 앵커태그를 작성하면 놀랍게도 아무일 도 일어나지 않는다 ! 그 이유는 우리가 태그에 링크를 걸어주지..

시작하며 html은 브라우저에서 웹페이지를 만들기 위해서 만드는 골조구조와 같은 역할을 한다. 이 html은 Hyper text markup language의 약자로 programming language(java, jvascript,c, c++등) 과 달리 연산이 불가능 하다. 그렇기에 동적인 웹페이지를 만들려면 html과 더불어 동적언어인 javascript를 사용하여 각 버튼이나 입력창이 동작케하도록 해야한다. html은 프로그래밍을 처음 접하는 사람들도 단 기간에 익히기 쉬운 언어이기에 나는 보통 처음 프로그래밍을 접하는 사람들에게 c언어나 자바를 접하기 보다 html 을 먼저 접해서 본격적으로 프로그래밍을 접하기 전 공부할 수 있는 흥미가 돋았으면 한다. 나는 마이크로소프트에서 제공하는 visua..