텍스트 타일에 마크다운 사용

WYSIWYG 텍스트 타일 실험실 기능을 사용하면 마크다운을 사용하지 않고 시각적 편집 환경을 사용하는 새로운 유형의 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

정렬되지 않은 목록을 표시하는 텍스트 타일

다음 마크다운과 같이 여러 방법으로 링크를 추가할 수 있습니다.

마크다운에서 링크의 형식을 지정하는 다양한 방법입니다.

그러면 다음과 같이 렌더링됩니다.

링크 텍스트와 링크를 표시하는 텍스트 타일

이미지

이미지는 경로 또는 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%">

너비가 50% 로 설정된 Google Cloud 로고

또는 다음과 같이 명시적으로 높이와 너비의 최댓값을 제공할 수 있습니다.


<img src="path/to/image.png" width="500px" height="30px">

너비가 500px로 설정된 Google Cloud 로고

높이 및 너비 픽셀 매개변수는 이미지의 크기를 정확하게 설정하지 않습니다. 그 대신 이미지의 가로세로 비율이 이러한 제약 조건에 '가장 잘 맞습니다'. 예를 들어 원래 크기가 200px x 20px인 이미지에 대해 너비 x 100px인 경우 크기가 100px x 10px가 됩니다. 이 논리가 'image width'가 최대 값을 초과하므로 너비에 도달할 때까지 축소됩니다.

코드 강조표시

`<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.

긴 인용구를 표시하는 텍스트 타일

지원되지 않는 마크다운 구문

다음 마크다운 구문은 대시보드 텍스트 타일에서 지원되지 않습니다.

  • 수학
  • 대체 텍스트가 포함된 이미지
  • 대체 텍스트가 포함된 링크
  • 언어별 구문 강조표시
  • 헤더 (기존 대시보드에서는 지원되지 않음)
  • 물결표 2개를 사용한 취소선
  • 하위 목록
  • 들여쓰기