Huny's Dev Blog

huny.dev
Notion block vs BlogPro block 렌더링 비교

Notion block vs BlogPro block 렌더링 비교

Notion block이 BlogPro에서 어떻게 렌더링 되는지 각 블록 요소를 비교한다.

Hun Jang
Hun Jang Apr 14, 2024

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

 

기본 블록

텍스트

← Notion Block | BlogPro Block →

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의 Dev Blog

후니의DevBlog\text{후니의} \text{Dev} \text{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
 
  1. Dev 아이템 1
  1. Dev 아이템 2
 
  1. Dev 아이템 1
  1. Dev 아이템 2
 
  1. Dev 아이템 1
  1. Dev 아이템 2

목록(Nested)

← Notion Block | BlogPro Block →

 

Dev 아이템 1

Dev 아이템 2

Dev 아이템 3

Dev 아이템 4

Dev 아이템 5

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

표

← 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 →

 
Callout icon'
Dev 제목
Dev 내용
Callout icon'
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
icon

https://blog.huny.dev/about

동영상

← Notion Block | BlogPro Block →

오디오

← Notion Block | BlogPro Block →

코드

← Notion Block | BlogPro Block →

파일

← Notion Block | BlogPro Block →

hello,world.txt 0.0KB
 

데이터 베이스

← Notion Block | BlogPro Block →

이름 태그 체크박스
페이지(Page) 1
Tag 1
페이지(Page) 2
Tag 2
페이지(Page) 3
Tag 3
 

고급 블록

 

목차

← Notion Block | BlogPro Block →

 

수학 공식 블록

← Notion Block | BlogPro Block →

E=mc2\text{E} = \text{mc}^2
textint01x2 dx\\text{int}_0^1 \text{x}^2 \, \text{dx}
−b±b2−4ac2a\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
(abcd)\begin{pmatrix} a & b \\ c & d \end{pmatrix}
∑n=1∞1n2\sum_{n=1}^{\infty} \frac{1}{n^2}
eiπ+1=0e^{i\pi} + 1 = 0

버튼

← Notion Block | BlogPro Block →

이동 경로

← Notion Block | BlogPro Block →

 

동기화 블록

← Notion Block | BlogPro Block →

텍스트 블록

 

열

← Notion Block | BlogPro Block →

1열

 

1열

2열

 

1열

2열

3열

 

1열

2열

3열

4열

 

1열

2열

3열

4열

5열

 

코드 - Mermaid

← Notion Block | BlogPro Block →

인라인

 

사용자 멘션하기

← Notion Block | BlogPro Block →

Hun Jang

페이지 멘션하기

← Notion Block | BlogPro Block →

날짜 또는 리마인더

← Notion Block | BlogPro Block →

April 15, 2024

April 16, 2024 09:00

이모지

← Notion Block | BlogPro Block →

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

🍽️ 🍎 = "Eat an apple"

😊 🐶 = "The dog is happy"

인라인 수학 공식

← Notion Block | BlogPro Block →

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

 
 

You might also like

BlogPro logo
Made with BlogPro