텍스트 타일에서 마크다운을 사용하려면 타일을 만들 때 대시보드의 추가 메뉴에서 마크다운을 선택합니다. 텍스트 타일은 마크다운을 사용하지 않지만 대신 시각적 수정 환경을 제공하는 새로운 유형의 Looker 텍스트 타일입니다.
대시보드에서 텍스트 타일을 사용하여 다른 타일을 설명하고 시청자가 해당 타일에 표시된 정보를 이해하도록 도울 수 있습니다. Looker의 마크다운 타일은 제한된 버전의 마크다운 마크업 언어를 텍스트 타일에서 지원하므로 텍스트 형식을 지정하거나 링크와 이미지를 추가하여 대시보드를 돋보이게 할 수 있습니다.
마크다운 타일에서 지원되는 마크다운 구문
이 페이지에는 마크다운 타일에 지원되는 마크다운 구문이 나열되어 있으며 각 예시에는 먼저 코드 블록으로, 그다음에는 결과로 표시됩니다.
대시보드 타일에서 마크다운 요소가 렌더링되는 스타일은 여기에 표시된 스타일과 다를 수 있습니다.
헤더
대시보드는 헤더 수준 1~6을 지원합니다.
## Header level 1
### Header level 2
#### Header level 3
##### Header level 4
###### Header level 5
####### Header level 6
테이블
테이블 열 크기는 가장 넓은 데이터 값에 맞게 조정됩니다.
를 사용하여 열에 너비를 추가할 수 있습니다.
| Tables | Are | Cool |
| ------------- | ------------- | ----- |
| leopards | have spots | $1600 |
| zebras | have stripes | $12 |
| polar bears | are white | $1 |
테이블 열에서는 왼쪽 맞춤만 지원됩니다.
Emphasis
Emphasis (italics) with *asterisks* or _underscores_.
Strong emphasis (bold) with **double asterisks** or __double underscores__.
Combined emphasis with **asterisks and _underscores_**.
번호 매기기 목록
1. First ordered list item
1. Another item
1. Actual numbers don't matter, just that it's a number
1. And another item
순서가 지정되지 않은 목록
* Unordered lists can use asterisks
- or minuses
+ or pluses
링크
링크를 다음 마크다운과 같이 여러 가지 방법으로 추가할 수 있습니다.
[Inline-style link](https://www.looker.com)
[Reference-style link](Case-insensitive reference text)
[Relative reference to a public repository](../assets/images/dashboard-add-text.png)
[Number used for a reference-style link definition][1]
꺾쇠괄호 안에 있는 URL은 자동으로 링크로 변환됩니다. 예를 들어 <looker.com>
과 looker.com
이 있습니다.
이미지
경로나 URL에서 이미지를 참조할 수 있습니다.
Here's our logo:
URL-style:
<img src="url/to/image.png">
Inline-style:
![alt text](path/to/image.png)
Reference-style:
![alt text][logo]
타일 크기와 관련하여 이미지 크기를 제어하려면 HTML을 사용하여 이미지를 호출하고 백분율 크기 매개변수를 추가합니다. 다음 예시에서는 width="50%"
매개변수를 사용하여 크기를 변경합니다.
<img src="path/to/image.png" width="50%">
또는 다음과 같이 명시적인 최대 높이와 너비를 제공할 수 있습니다.
<img src="path/to/image.png" width="500px" height="30px">
높이 및 너비 픽셀 매개변수는 이미지를 정확히 해당 크기로 설정하지 않습니다. 오히려 이미지의 가로세로 비율이 이러한 제약 조건에 '가장 적합'합니다. 예를 들어 원래 크기가 200px x 20px인 이미지에 'width=100px height=30px' 크기가 설정되어 있으면 로직에서 '최댓값을 초과하는 이미지 너비를 최댓값에 도달할 때까지 축소'하므로 100px x 10px이 됩니다.
코드 강조 표시
`<script>Some code</script>.`
가로줄
Three or more hyphens
---
Asterisks
***
Underscores
___
인용구 지정
> Blockquotes are very handy.
> This line is part of the same quote.
인용구 구분선
> This is a very long line that will be quoted properly when it wraps. I will keep writing to make sure this is long enough to actually wrap for everyone. Also, you can *put* **Markdown** into a blockquote.
지원되지 않는 마크다운 구문
대시보드 마크다운 타일에서는 다음 마크다운 구문이 지원되지 않습니다.
- 수학
- 대체 텍스트가 포함된 이미지
- 대체 텍스트가 포함된 링크
- 언어별 구문 강조 표시
- 물결표 두 개를 사용한 취소선
- 하위 목록
- 들여쓰기