<3은 emoji가 없던 시절 하트를 표시하던 방법이다. 좀 전에 graphite cheatsheet til을 쓰면서 무심코 하트를 <3으로 했었는데 로컬 빌드가 터져서 음? 하고 보니 당연한 얘기였다.

MDX에게 <란 jsx의 시작이기 때문에...

추가:

• <>도 터짐
• <-도 터짐

const A = `after:content-['░']`

const B = `after:content-['${variable}']`

const A = `after:content-['░']`

const B = `after:content-['${variable}']`

A works, but B doesn't.

@vercel/og로 og image generation을 하는 김에 폰트도 맞춰보려고 일케절케 하다보니

Error: The Edge Function "api/og" size is X MB and your plan size limit is 1 MB. Learn More: https://vercel.link/edge-function-size

라면서 빌드가 터짐.

왜냐?

1. og image generation에 커스텀 폰트를 사용하려면 .ttf 혹은 .woff (.woff2는 안됨)를 fetch로 불러와서 arrayBuffer로 만들어야 함
2. 영어 폰트의 자수는 72자
3. 근데 한글 폰트는 서브셋 처리를 해도 2,350자
4. 그래서 한글 폰트를 일단 불러오면 1MB 안엔 안들어감
5. 돈을 더 내거나 더 줄인 서브셋을 만들어야 함
6. 돈을 더 낼 순 없다 왜냐면 암것도 모르는 영어권 놈들(...)이 책정한 가격이니까
7. 자수를 더 줄인 서브셋 만들기는 아직 방법도 모르므로 이후로 미룸
8. 일단 한글 커스텀 폰트를 뺐더니
9. 빌드에 성공함
10. 영어!!!! ㅠㅠㅠ