Markdown 시작하기

Jake·2022년 6월 30일
1

Markdown

목록 보기
1/1
post-thumbnail




What is Markdown?

마크다운(Markdown)은 일반 텍스트 기반의 경량마크업 언어다.
일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며,일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다.
HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환 되기 때문에 응용 소프트웨어와 함께 배포되는 README(.md) 파일이나 온라인 게시물 등에 많이 사용된다.

  • 문서를 보기좋게 참조하기위한 마크업 언어의 일종
  • HTML 기반이라 HTML태그도 인식함 (ex. &nbsp;, <br>)
  • 기능의 중첩이 가능하다 (# + >)

Basic syntax


#Headings : 제목(h1~h6)

  • 제목1 #

  • 제목2 ##

  • 제목3 ###

  • 제목4 ####

  • 제목5 #####
  • 제목6 ######

#headings (Alternate Syntax)

1. h1

h1제목
=

heading level 1

2. h2

h2제목
-

heading level 2


#제목에 컬러 넣기

<span style="color:skyblue">What is Markdown?</span>
span태그에 inline CSS를 넣는 방식으로 처리한다.
(Markdown은 HTML코드를 지원하기 때문)


#Line Breaks

<br>

#강조

bold

**bold text**

__bold text__

italic

*italic text*

bold&italic

**_boldItalic_**
Hi it's boldItalic ,thank you.

Blockquotes 인용문

> : 한 문장에 적용시
cf.각 문장의 시작에 >를 붙여서 여러줄 작성하면 여러줄을 묶어서 적용 가능함
>>으로 중첩된 인용문도 작성 가능.

> Dorothy followed her through many of the beautiful rooms in her castle.
>
> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

>> Nested blockqutoes


#목록(ol/ul)

  1. 순서가 필요한 목록(ol) : n.
    1.
    2.
    3.
  1. 순서가 없는 목록(ul) : - , + , * 중 하나로 표기 가능
    문자 다음에 space 한 칸 띄어서 적는다
  • 1
  • 2
  • 3

#Code Blocks

start with two tabs

#Escaping Backticks (백틱 속에 백틱 사용하기, 이중 backticks)

use `code`in your Markdown file

#링크: <url>

<https://www.naver.com>
https://www.naver.com

Adding Titles 네이버

[url에 타이틀 추가](https://www.naver.com)


#코드삽입: ```

' ```앞에 javascript를 입력해 프로그래밍 언어가 무엇인지 명시함. ' 
import React from 'react';

const componentName = () => {
    return (
        <div>
            
        </div>
    );
## };

export default componentName;
    


#이미지

![alternative text ](https://velog.velcdn.com/images/jakescake/post/5be01946-73fd-41bb-8786-0cbe0c656816/image.svg )


#수평선<hr> 넣기

***,* * *,---,- - -, 등..




#기호 그대로 표시하기

\역슬래시를 이용하면 문법 기호를 그대로 출력할 수 있다.
***
-
+


#이모지 emoji 넣기

1.Mac: Control + Command +Space Bar


2.Window: 윈도우 키 + .


3.링크에서 직접 복사해오기

https://kr.piliapp.com/twitter-symbols/


#Reference

https://www.markdownguide.org/basic-syntax/

profile
young하고 MZ해요

0개의 댓글