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

기본 블록

텍스트

← Notion Block | BlogPro Block →

후니의 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

인라인

사용자 멘션하기

← Notion Block | BlogPro Block →

@Hun Jang

페이지 멘션하기

← Notion Block | BlogPro Block →

Huny's Dev Blog

blog.huny.dev

huny.dev

날짜 또는 리마인더

← Notion Block | BlogPro Block →

2024-04-15

2024-04-16T09:00:00.000+09:00

이모지

← Notion Block | BlogPro Block →

👫 ➡️ 🏠 = "Friends go to the house"

🍽️ 🍎 = "Eat an apple"

😊 🐶 = "The dog is happy"

인라인 수학 공식

← Notion Block | BlogPro Block →

오일러 등식: $e^{i\pi} + 1 = 0$

Notion block vs BlogPro block 렌더링 비교

기본 블록

텍스트

목록

목록(Nested)

표

인용

콜아웃

미디어 블록

이미지

북마크

동영상

오디오

코드

파일

데이터 베이스

고급 블록

목차

수학 공식 블록

버튼

이동 경로

동기화 블록

열

코드 - Mermaid

인라인

사용자 멘션하기

페이지 멘션하기

날짜 또는 리마인더

이모지

인라인 수학 공식

Tags

Subscribe to our newsletter