티스토리 뷰

마크다운은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 


특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다. 


마크다운이 최근 각광받기 시작한 이유는 깃헙(https://github.com) 덕분이다. 

깃헙의 저장소Repository에 관한 정보를 기록하는 ~.md는 깃헙을 사용하는 사람이라면 누구나 가장 먼저 접하게 되는 마크다운 문서였다. 


아래는 내가 기본적으로 사용하는 것들을 정리해 둔 것이다. 

나는 Markdown을 Visual Studio Code를 통해서도 자주 사용한다. 이력같은 것을 정리할때 보기 좋게 되며, 한눈에 볼 수 있는게 참 좋은것 같다. 




아래의 markdown을 Visual Studio Code에서 돌린 캡처 화면이다.


<<< MarkDown 코드 >>>


># MarkDown 문법 정리


>## 헤더 표현

* # `#` -> `<h1>` 태그와 같습니다.

* ## `##` -> `<h2>` 태그와 같습니다.

* ### `###` -> `<h3>` 태그와 같습니다.


>## 인라인코드 표현

* `<a>Input Text -> ` <a>Input Text.


>## Italics

* `_Input Text_` -> _Input Text_.


>## Bold

* `**Input Text**` -> **Input Text**.


>## URL Link

* 단순 URL 입력시 링크로 된다.

    * https://github.com/sksggg123/sksggg123/

* 주소를 숨기고 싶을때는 `[문구정의 ~ ](URL주소 ~ )` 문법을 쓴다.

    * [sksggg123 정리 링크](https://github.com/sksggg123/sksggg123/)


>## 이미지

* 이미지를 추가하고 싶을때 `![문구정의 ~ ](Image Url ~)` 으로 입력하면 아래와 같이 된다. (출처:google main page logo)

    *   ![google](https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png)



>## 소스코드 표현

*  ` ```java [중략] ``` `  중략 안에 소스코드 입력하면 아래처럼 표현 가능.


```java

    public class Utils{

        public static List<String> getList(final String code)

        {

            List<String> returnList = new ArrayList<>();

            if(code.isEmpty()){

                returnList.add("null");

                return returnList

            }else

            {

                returnList.add(code);

                return returnList

            }

        }

    }

```




왼쪽은 위의 소스코드 이며, 오른쪽은 소스코드에 따른 Markdown으로 표현된 것이다.
관련 정리자료는 github (https://github.com/sksggg123/markdown)에 올려두었다.




댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함