텍스트 타일에서 마크다운을 사용하려면 타일을 만들 때 대시보드의 추가 메뉴에서 마크다운을 선택합니다. 텍스트 타일은 마크다운을 사용하지 않고 시각적 편집 환경을 제공하는 새로운 유형의 Looker 텍스트 타일입니다.
대시보드에서 텍스트 타일을 사용하여 다른 타일을 설명하고 뷰어가 이러한 타일에 존재하는 정보를 이해하는 데 도움이 될 수 있습니다. Looker의 마크다운 타일은 제한된 버전의 마크다운 마크업 언어를 텍스트 타일에서 지원하므로 텍스트 형식을 지정하거나 링크와 이미지를 추가하여 대시보드를 돋보이게 할 수 있습니다.
마크다운 타일에서 지원되는 마크다운 구문
이 페이지에는 마크다운 타일에 지원되는 마크다운 구문이 나와 있으며, 각 예시는 코드 블록에서 먼저 표시된 후 결과로 표시됩니다.
대시보드 타일에서 마크다운 요소가 렌더링되는 스타일은 여기에 표시된 스타일과 다를 수 있습니다.
헤더
대시보드는 헤더 수준 1~6을 지원합니다.
## Header level 1
### Header level 2
#### Header level 3
##### Header level 4
###### Header level 5
####### Header level 6
Tables
테이블 열의 크기는 가장 넓은 데이터 값으로 조정됩니다. 를 사용하여 열에 너비를 추가할 수 있습니다.
| Tables | Are | Cool |
| ------------- | ------------- | ----- |
| leopards | have spots | $1600 |
| zebras | have stripes | $12 |
| polar bears | are white | $1 |
테이블 열에서는 왼쪽 맞춤만 지원됩니다.
강조
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:
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">
높이 및 너비 픽셀 매개변수는 이미지를 정확한 크기로 설정하지 않습니다. 이미지의 가로세로 비율은 이러한 제약조건에 '가장 적합합니다'. 예를 들어 원래 200픽셀 x 20픽셀인 이미지에 '너비=100픽셀 높이=30픽셀'의 크기가 설정된 경우 로직은 대략 '이미지 너비가 최댓값을 초과하고 최대 너비에 도달할 때까지 축소'되므로 결과는 100픽셀 x 10픽셀입니다. .
코드 강조 표시
`<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.
지원되지 않는 마크다운 구문
다음 마크다운 구문은 대시보드 마크다운 타일에서 지원되지 않습니다.
- 수학
- 대체 텍스트가 있는 이미지
- 대체 텍스트가 포함된 링크
- 언어별 구문 강조 표시
- 물결표 두 개를 사용한 취소선
- 하위 목록
- 들여쓰기