• 목록
  • 아래로
  • 위로

 

header.png

 


1.마크다운이란 무엇인가?

우선 마크다운이란 마크업 언어의 일종인데.

여기서 마크업 언어란?

문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종이다.

우리가 쉽게 알 수 있는건, 이 사이트에서 죽도록 볼 수 있는 html과 같다.(Hyper Text Markup Language).

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>무제 문서</title>
</head>

<h1>마크다운이란 무엇인가?</h1>

<body>
</body>
</html>

이 처럼 HTML도 마크업 언어의 일종인데.

우리는 여기서 또 다른 마크업 언어인 "마크다운"에 대해서 알아본다.

이 마크다운은 읽기도 쓰기도 쉽고, 주로 사용하는 곳은 텀블러, Github, 레딧 등에서 사용하고

확장자는 .md를 사용한다.

 

여기서 쉬운 방법으로 쓰는 방법은 에디터를 사용하는데,

우리는 여기서 온라인 에디터인 https://stackedit.io  를 사용한다.

 

1. 간단한 제목 쓰기

먼저 간단하게 제목을 쓰는 방법은,

#첫번째 제목

##두번째 제목

###세번째 제목

####네번쨰 제목

#####다섯번째 제목

######여섯번째 제목

#######일곱번째 제목

제목은 6번째 제목 까지 쓸 수 있다. 이 기능은 HTML의 <h1>, <h2>... 에 비례한다.

 

 

2.PNG

 

 

아래처럼 온라인 에디터에 넣어보면 7번째 제목은 되지 않는다.

 

2.순서 매기기

 

순서 매기기는 순서에 상관 없이 쓸 수 있는데.

순서가 없는 목록은 *와 -를 이용하고,

순서가 있는 목록은 1. 2.를 사용한다. 순서는 상관 없다.

 

 

3.PNG

 

3. 글꼴에 각종 효과 넣기

 

우리는 이 내용에 각종 효과를 입힐 건데, 그 중 일부이다.

**굵게** 쓰기 __굵게__ 쓰기

*기울게* 쓰기 _기울게_ 쓰기

~~취소선~~ 긋기

 

 

4.PNG
 
위처럼 나오면 성공이다!
다음 시간에는 더욱 많은 문법과, 그것을 응용하는 방법을 알아보겠습니다!
랩퍼투혼님 랩퍼투혼 포함 2명이 추천

추천인 2

작성자
Doge아시다시피 11 Lv. (33%) 10300/11520EXP

홈페이지 기술은 1도 못하지만 그냥 부딫혀 보자

공유

facebooktwitterpinterestbandkakao story
퍼머링크

댓글 7

title: 황금 서버 (30일)humit
profile image

순서가 없는 목록을 쓸 때 +도 사용하실 수 있습니다. 그리고 순서가 있는 목록의 경우 [숫자]. 의 형식만 지켜주시면 인식합니다.

댓글이 달리지 않아서 꼼수를 이용해서 등록하였습니다...

comment menu
2017.11.26. 18:10
Hanam09
profile image
어떻게 사용하나요?
comment menu
2017.11.26. 18:47
Doge아시다시피 작성자 → Hanam09
profile image
일반적인 메모장을 사용하거나, 아니면 전문 에디터를 사용하여 마크다운 문법에 맟추어서 작성하셔서 .md 확장자로 저장하여 쓰시면 됩니다.
comment menu
2017.11.26. 18:57
title: 황금 서버 (30일)humit → Hanam09
profile image
github 같은 사이트도 마크다운 형식을 지원합니다 :)
comment menu
2017.11.27. 18:49
맛수타
움...강좌 전용게시판 신설하셔도 되겠습니다만!
comment menu
2017.11.29. 17:35
title: 도밥위키!Dobob
profile image
MUCH 강좌! SO SIMPLE WOW
comment menu
2017.11.29. 20:15
citen
좋은 강좌 감사드립니다!
comment menu
2020.10.29. 20:07
권한이 없습니다.