Tag: HTML

10편. Markdown - My Environment

목차 블로그의 글쓰기 환경과 본인의 성향을 확인하자 마크다운을 선택한 이유 Hexo Framework를 활용한 글쓰기 Markdown Editor는 웹 개발 환경 관리에 최적화된 Visual Studio Code 블로그의 글쓰기 환경과 본인의 성향을 확인하자본 페이지는 본 블로그를 작업하고 있는 필자의 Markdown 환경에 대한 간략한 소개이다

9편. Markdown Style Guides

목차 스타일 가이드에 관하여 마크다운 스타일 가이드 스타일 가이드에 관하여모든 프로그래밍 작업에서는 소스 코드의 전체 량이 커질 수록 복잡성이 높아지고, 그 코드를 읽고 이해하는 데에 어려움이 발생한다. 프로그래밍 하는 사람이 자기 혼자 공부하듯이 작성하는 코드라면 크게 문제가 없을 것이나, 회사 단위/팀 단위로 함께 소스 코드를 작성하

8편. Markdown in Practice

목차 목차 만들기 접고 펴는 기능 만들기 알림 : 본 페이지는 Markdown을 사용하면서 조금 응용하면 재밋는 걸 만들 수 있을 때 작성하려 한다. 그러므로 이 페이지는 어느 날 불현듯 업데이트 될 수도, 혹은 영원히 안 될 수도 있다. 😉 목차 만들기본 페이지의 목차에서 사용하는 Markdown에서 목차를 만들 때는 내부 링크 Inter

7편. Markdown - Comment, Emoji

목차 코멘트 만들기 이모지 사용하기 코멘트 만들기Markdown에도 코멘트를 써야 하는 경우는데 아래와 같은 방식으로 코멘트를 쓸 수 있다. 123456여기서부터 코멘트 ↓[comment]: <> (원래 Markdown 문법에서는 이런 식으로 코멘트를 사용할 수 있다.)[comment]: <> (이렇게 하면 소스코드 단에서만

6편. Markdown - Block Quote, Horizontal Line, Back-Slash Escape

목차 Block Quotes 작성 수평선 그리기 특수 기호 표시하기 Block Quotes 작성Block Quote는 한국말로 “인용문”이라는 의미이며, 일반적으로 어떤 특정 문단을 강조할 때 많이 사용한다. 1> 인용문을 사용하는 방법 인용문을 사용하는 방법 위의 모양은 현재 필자가 사용하고 있는 Hexo 블로그의 Hueman The

5편. Markdown - Table, Code Block

목차 Table 작성 Code 강조 작성 Table 작성 Markdown에서 Table 그리기 Markdown에서 Table은 유연하게 그리기가 어렵다. 유연하게 그리기 위해서는 HTML 태그를 사용하는 쪽이 훨씬 낫다. 게다가 Microsoft Word나 Excel을 사용하여 테이블을 그려 봤지만, 웹에서는 테이블을 처음 그려보는 사람들에게는

4편. Markdown - Link, Image

목차 Link 작성 Image 작성 Link 작성 Markdown에서 Link 사용하기 - 기본 GFM에서는 그냥 http:// 혹은 https:// 가 포함된 링크를 걸면 알아서 링크가 생성된다. 12http://xeppetto.github.io/https://xeppetto.github.io/ http:

3편. Markdown - Text, List

목차 Markdown 공부하는 방법 Text 작성 List 작성 알림 : 본 문서는 Markdown을 공부하러 들어오시는 분들에게 가이드를 제공하지만, 그와 별개로 필자가 외우기 싫어서 머리가 나빠 자기 보기 편할려고 정리한 목적이 크다보니 상단에 목차를 만들어 두었다. 목차를 클릭하여 세부 메뉴로 이동 후 다시 목차로 돌아오고 싶으면 ‘브라우저 뒤로가

2편. Github Pages Markdown

Github의 Markdown은 GFMGithub는 파일, 이슈, 코멘트에 Markdown을 허용하는데, 이때 사용하는 Markdown을 GFM이라 부른다. GFM은 Github Flavored Markdown의 약자이며, 굳이 한글로 번역하자면 ‘깃허브-맛 마크다운’ 정도가 되겠다. (‘딸기맛 초콜렛’을 Strawberry flavored chocolat

1편. 마크다운 알아보기

들어가기에 앞서현재 보고 계시는 페이지는 글쓴이가 Markdown으로 글을 작성한 후 Hexo라는 HTML Generator로 자동 생성하여 만들어진 페이지이다. 웹브라우저의 개발자 도구를 이용하여 소스코드를 볼 수 있으신 분은 아시겠지만, 페이지의 코드 자체는 상당히 복잡하다. 하지만 작성은 Markdown으로 매우 쉽게 작성하였다. HTML Genera