팀 커뮤니케이션 스킬업 💪 Mattermost 서식 가이드

안녕하세요, 디무브입니다.

우리는 서로 대화할 때 말투, 톤, 바디 랭귀지를 활용해 의견을 효과적으로 전달할 수 있지만, 텍스트 기반 의사소통에서는 맥락, 의도, 감정 등이 전달되지 않는 경우가 많습니다. 이를 위해 서식을 적절하게 활용하는 것이 중요한데요. 글 머리 기호나 밑줄 등 기본적인 서식을 넣으면 강조하고 싶은 부분이나 이해가 어려울 수 있는 부분에 대해 더 명확하게 표현할 수 있습니다.

Mattermost에서는 v7.0부터 마크다운(Markdown) 뿐만 아니라 메시지 서식 도구 모음을 지원하고 있어 간편하게 서식을 지정할 수 있죠! 오늘 포스팅에서는 팀 커뮤니케이션 레벨을 업시킬 수 있는 Mattermost 서식 가이드를 알려드릴게요!

 

---

 

Mattermost Formatting Toolbar

 

Mattermost 메시지 쓰기 창에서 바로 사용하실 수 있는 메시지 서식 도구 모음은 다음과 같은 서식 옵션을 제공합니다.

Icon	Formatting Option	Icon	Formatting Option
	굵게 (Bold)		번호 매기기 목록 (Numbered list)
	기울게 (Italics)		글머리 기호 목록 (Bulleted list)
	취소선 (Strikethrough)		인용구 (Quoted text)
	표제 추가 (Heading)		코드 블록 (Text as code)
	링크 추가 (Link)		이모지(Emoji) 또는 GIF 추가
	첨부 파일 추가 (Attachement)		우선순위 강조 (Priority)

 

✔ 메시지 작성 후 눈 모양(Show/Hide Preview) 아이콘을 클릭하면 서식이 어떻게 보일지 미리 확인할 수 있습니다.

✔ 서식 도구 모음을 숨기고 싶다면 Aa(Hide Formatting) 아이콘을 클릭하세요. 다시 한번 클릭하면 서식 도구 모음이 표시됩니다.

 

 

Mattermost Markdown

마크다운은 2004년 일반 인터넷 사용자들의 텍스트 편집을 용이하게 하기 위해 만들어진 마크업 언어의 일종으로 매우 손쉽게 서식을 지정할 수 있습니다.

Mattermost는 2015년부터 마크다운을 지원하기 시작했습니다. 마크다운을 활용하면 서식 도구 모음에 없는 기능까지 활용할 수 있는데요. 지금부터 자세히 살펴보겠습니다.

 

📝 텍스트 스타일

• 기울게: *italics* 또는 _italics_
• 굵게: ** bold**
• 굵게 기울게: ***bold-italic***
• 취소선: ~~strikethrough~ ~

 

➰ 연결

• 라벨이 지정된 링크: [라벨](링크) [Check out Mattermost!](https://about.mattermost.com/)
  라벨로 지정하고 싶은 텍스트를 대괄호에 넣고, 관련 링크를 소괄호에 넣습니다.
• 채널 링크: ~채널 이름
  공개 채널에 대한 링크를 만들 수 있습니다.

 

📰 제목

• 제목을 입력하려면 #(공백)제목과 같이 입력합니다. 소제목일수록 #을 더 많이 사용하세요.

## Large Heading
### Smaller Heading
#### Even Smaller Heading

 

• 제목으로 지정하고 싶은 내용 아래에 등호(===)나 하이픈(---)을 넣으세요.

Large Heading
-------------

 

📚 목록

• 별표(*), 하이픈(-), 더하기 기호(+)를 사용하여 목록을 생성하세요. 각 글머리 기호 앞에 두 개의 고백을 추가하면 글머리 기호를 들여 쓸 수 있습니다.

* item one
- item two
  + item two sub-point

• 숫자를 사용한 목록을 만들 수도 있어요.

1. Item one
1. Item two
1. item three

 

• 이 때에 원하는 번호로 시작하는 목록을 만들 수도 있습니다.

4. The first list number is 4.
1. The second list number is 5.
1. The third list number is 6.

 

• 대괄호를 이용해 작업 목록을 만들어 보세요. x를 표기하면 완료한 작업을 표시할 수 있습니다.

- [ ] Item one
- [ ] Item two
- [x] Completed item

 

👨‍💻 코드 블록

프로그래밍 개념을 설명하거나, 다른 개발자와 코드를 공유하거나, 고유한 코드 스니펫 라이브러리를 유지·관리하는 데 유용한 코드 블록을 손쉽게 표시하세요.

• 코드 바로 위와 아래 줄에 백틱 기호(`) 세 개를 입력하면 됩니다.

```
this is my
code block
```

 

• 또는 각 줄을 4칸씩 들여쓰기 합니다.

    this is my
    code block

^^^^ 4x spaces

 

• 텍스트를 백틱 기호(`)로 둘러싸면 모노 스페이스 인라인 코드를 생성할 수 있습니다. 코드의 일부나 키워드를 강조할 때 사용하세요! ( ✔ 백틱 기호(`)와 작은 따옴표(')는 다르다는 점 유의)

`monospace`

 

📸 인라인 이미지

인라인 이미지란, 텍스트 내에 포함된 이미지입니다. 이미지를 첨부하는 경우에는 인라인 이미지와 달리 텍스트 맨 아래에 위치하게 됩니다.

• 텍스트에 인라인 이미지를 추가하려면 아래와 같이 느낌표(!) 뒤에 대체 텍스트를 포함한 대괄호 그리고 링크를 포함한 소괄호를 작성합니다.

![alt text](URL of image "Hover text")

 

➖ 구분선

세 개의 별표(*), 하이픈(-), 아래 하이픈(_)을 사용하여 구분선을 만들어 편리하게 내용을 구분하세요.

---
***
___

 

📅 테이블

• 하이픈(-)으로 점선을 배치하여 헤더 행을 표시하고 파이프(|)를 활용해 열을 표시하여 표를 만듭니다. 열은 정확히 정렬할 필요가 없습니다. 헤더 행을 표시하는 점선 배치 시 콜론(:)을 포함하여 표 열을 정렬하는 방법을 선택할 수 있습니다.

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| Left column 1 | this text       |  $100 |
| Left column 2 | is              |   $10 |
| Left column 3 | centered        |    $1 |

 

🔢 수학 공식

• LaTeX를 사용하여 인라인으로 표시되는 공식을 만들 수 있습니다. 각 공식의 시작과 끝에 달러 기호($)를 사용하세요.

$X_k = \sum_{n=0}^{2N-1} x_n \cos \left[\frac{\pi}{N} \left(n+\frac{1}{2}+\frac{N}{2}\right) \left(k+\frac{1}{2}\right) \right]$

✔ 이 기능은 기본적으로 비활성화되어 있습니다. 이 기능을 사용하려면 시스템 관리자에게 문의하여 해당 설정을 활성화하세요.

 

---

 

지금까지 Mattermost에서 메시지 서식 도구 모음과 마크다운을 활용하는 방법에 대해 알아보았습니다. 오해는 없애고, 이해는 높이세요! 우리 팀의 안전하고 원활한 커뮤니케이션, Mattermost와 함께 하세요 💪