Notion Block(블록)이 BlogPro 블로그에서 어떻게 렌더링 되어 보여지는지 비교한다. 좌측이 Notion Block, 우측이 BlogPro로 렌더링 된 Block이다.

기본 블록

텍스트

← Notion Block | BlogPro Block →

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

~~후니의 Dev Blog~~

후니의 Dev Blog

$후니의 Dev Blog$

후니의 Dev Blog

@Hun Jang

← Notion Block | BlogPro Block →

Dev 아이템 1

Dev 아이템 2

Dev 아이템 1

Dev 아이템 2

Dev 아이템 1

Dev 아이템 2

Dev 아이템 1

Dev 아이템 2

Dev 아이템 1

Dev 아이템 2

Dev 아이템 1

Dev 아이템 2

Dev 아이템 1

Dev 아이템 2

목록(Nested)

← Notion Block | BlogPro Block →

Dev 아이템 1
- Dev 아이템 2
  - Dev 아이템 3
    - Dev 아이템 4
      - Dev 아이템 5

Dev 아이템 1
1. Dev 아이템 2
  1. Dev 아이템 3
    1. Dev 아이템 4
      1. Dev 아이템 5

Dev 아이템 1

표

← Notion Block | BlogPro Block →

Dev 헤더 1	Dev 헤더 2	Dev 헤더 3
Dev 아이템 1	Dev 아이템 2	Dev 아이템 3

인용

← Notion Block | BlogPro Block →

Dev 제목
Dev 내용

콜아웃

← Notion Block | BlogPro Block →

💡

Dev 제목
Dev 내용

😀

Dev 제목
Dev 내용

미디어 블록

이미지

← Notion Block | BlogPro Block →

왼쪽 정렬

가운데 정렬

오른쪽 정렬

북마크

← Notion Block | BlogPro Block →

About

Welcome to Huny's Dev Blog at blog.huny.dev, a dedicated space for exploring the vast world of development languages and technologies. Our mission is to delve into various programming languages, frameworks, and development techniques, providing

https://blog.huny.dev/about

동영상

← Notion Block | BlogPro Block →

오디오

← Notion Block | BlogPro Block →

코드

← Notion Block | BlogPro Block →

package main

import "fmt"

func main() {
    fmt.Println("Hello, world!")
}

파일

← Notion Block | BlogPro Block →

hello,world.txt
Download

데이터 베이스

← Notion Block | BlogPro Block →

인라인 데이터베이스

페이지(Page) 2

페이지(Page) 1

페이지(Page) 3

고급 블록

수학 공식 블록

← Notion Block | BlogPro Block →

E = mc^2

\int_0^1 x^2 \, dx

\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

\begin{pmatrix} a & b \\ c & d \end{pmatrix}

\sum_{n=1}^{\infty} \frac{1}{n^2}

e^{i\pi} + 1 = 0

버튼

← Notion Block | BlogPro Block →

이동 경로

← Notion Block | BlogPro Block →

동기화 블록

← Notion Block | BlogPro Block →

텍스트 블록

열

← Notion Block | BlogPro Block →

1열

2열

1열

2열

3열

1열

2열

3열

4열

1열

2열

3열

4열

5열

코드 - Mermaid

← Notion Block | BlogPro Block →

sequenceDiagram
    participant C as Client
    participant S as Server
    C->>S: HTTP Request
    Note right of S: Server processes the request
    S->>C: HTTP Response

mermaid