본문 바로가기

Programming

Playground에서 Markup문법 사용하기

참고자료

환경

  • Mac OS

 

들어가며

Playground에서 MarkUP을 이용하여 작성하는 방법을 알아보겠습니다.

해당 내용은 Playground-Markup-Sample에서 클론 또는 다운로드하여 볼 수 있습니다.


마크업 모드로 보는 방법은 아래와 같습니다.


 

1. 마크업 사용법

한 줄에 마크업 적용
//: 내용

여러 줄에 마크업 적용
/*:
	...내용
*/

 

2. Header

텍스트의 크기를 조절할 수 있습니다.

# h1
## h2
### h3

h1
=
h2
-

 

2. Lines

줄을 추가하여 보기 편하게 구분 할 수 있습니다.


***
---

 

3. Lists

*,-,+ 모두 사용 가능 하며 Tab키를 통해 하위 옵션으로 넣을 수 있습니다.

- Item 1, List A
- Item 2, List A
	- Item 1, List A-1
* Item 1, List B
+ Item 1, List C

 

번호가 새겨진 리스트는 아래와 같이 적용합니다.

1. Cat
2. Dog
	1. Golden Retriever
3. Llama

 

4. Code Block

멀티라인 마크업 /*: ... */안에서 코드를 입력 할 수 있습니다.

Tab키를 이용하여 코드를 넣으면 자동으로 적용됩니다.

 A loop to print each character on a seperate line
 
    for character in "Aesop" {
        println(character)
    }

 

위 방법보다는 아래 방법으로 적용하는게 편한 것 같습니다.

```
 for character in "Aesop" {
    println(character)
 }
 ```

 

5. Fromatting a Span of Characters

Bold, Italics, code 를 playground에서 적용합니다.

**Bold** __Bold__
 
*Italics* _Italics_
 
`Code Voice`

 

6. Inserting Links

링크를 삽입합니다.

[링크로 사용 될 이름](Url 주소)

[The Swift Programming Language.](http://developer.apple.com/library/ios/documentation/Swift/Conceptual/Swift_Programming_Language/)

 

반복되는 링크를 삽입하게 될 경우 아래와 같이 처리할 수 있습니다.

[링크로 사용 될 이름]: Url 주소 "마우스 오버 됐을 때"

이후로 [링크로 사용 될 이름]만 입력해도 연결이 가능합니다.

[The Swift Programming Language]: http://developer.apple.com/library/ios/documentation/Swift/Conceptual/Swift_Programming_Language/ "Some hover text"

For light reading we suggest [The Swift Programming Language].
For more information, see [The Swift Programming Language].
If you are not sure, please see [The Swift Programming Language].

 

7. Next Page, Previous Page, Named Page

playground에서는 여러개의 페이지들을 연결 할 수 있습니다.

만약 파일 이름에 space가 있는 경우 그 공백은 %20으로 대체하면 됩니다.


[이전 페이지로 이동](@previous)
[다음 페이지로 이동](@next)
[파일 이름으로 이동](파일%20이름)

 

8. Inserting Callout

Callout을 삽입하여 참고 내용을 추가로 삽입 할 수 있습니다.

/*:
 * Callout(이름 설정):
 내용
*/

/*:
 - Example:
 내용
 */

/*:
 * Experiment:
 내용
 */

/*:
 - Important:
 내용
 */

/*:
 - Note:
 내용
 */

 

9. Escape

\을 삽입하여 뒤에 오는 마크업 문법을 적용해제 합니다.

\* This is not a bullet item
 * This is a bullet item