- Published on
๐ ์ปฌ๋ฌ๋ฆฌ์คํธ ํ๋ก์ ํธ #5 ์ ๋น๋๊ฐ ์๋ ๊น? vercel ๋น๋ ์๋ฌ
- ๊ธ์ด์ด
๐ ๋ชฉ์ฐจ
๐๐ป
- vercel ๋น๋๊ฐ ๋ฌ๋ค.
- ์์ธ ์ฐพ๊ธฐ
- ํด๊ฒฐ!
1. ๊ฐ์๊ธฐ vercel ๋น๋ ์๋ฌ๊ฐ ๋ฌ๋ค.
vercel์ ๋ค์ด๊ฐ๋๋ ์ด๋ฐ ์๋ฌ ์ฝ๋๊ฐ ์ฃผ๋ฅด๋ฅต ๋์จ๋ค.
import
๊ฐ ๋ค์ด๊ฐ ์ฝ๋๋ฅผ ๊ฑฐ์ ์ง์ฐ๊ณ , ๋จ์ด๋ ๋ฐฑํฑ์ฒ๋ฆฌ๋ฅผ ํด์ฃผ์๋ค.
2. ์ฝ์ด๋ด๋ ๋ชจ๋ฅด๊ฒ ์ด์ ์ผ๋จ ๊ทธ๋๋ ์๋๋ค.
์๋ฌ๋ ์ฃผ์ /node_modules/esbuild/lib/main.js:1475:15
์ ๋ค์ด๊ฐ๋ณผ๊น ํ๋๋
Loader
๋ฆฌ์คํธ์ feature
๊ฐ ์๊ธธ๋ ์ด๊ฒ ๋๋ฌธ์ธ๊ฐ ํ๊ณ ๊ทธ ๋จ์ด๋ฅผ ์ง์ ๋ค.
๊ทธ๋๋ ์๋๋ค.
๊ธ์ ๋ค๋ฅธ ๊ณณ์ ๋ณต๋ถํด๋๊ณ ์กฐ๊ธ์ฉ ์ ์ฅํด์ ์ค๋ฅ๋ฅผ ์ฐพ์๋ณด๊ธฐ๋ก ํ๋ค.
3. ์กฐ๊ธ์ฉ ์ปค๋ฐํ๋ฉด์ ์ฝ๋ํ์ธํด์ ํด๊ฒฐ!
๋ ์๋๋ค.
๋ ์กฐ๊ธ์ฉ ์ฝ๋๋ฅผ ์๋ผ ์ปค๋ฐํด๋ณด๋ ์ด๋ฒ์ <div~>
๋ถ๋ถ์ ์ฃผ์์ฒ๋ฆฌ๋ฅผ ์ํด์ฃผ์ด์ ์ค๋ฅ๊ฐ ๋ฌ๋ค.
๊ณ ์ณ์ฃผ๋ ๋ค๋ฅธ ๋ถ๋ถ์ ์ค๋ฅ๊ฐ ์์ด์ ์ ๋น๋๊ฐ ๋์๋ค!!
๊ทธ๋๋ ์ด ๋ฐฉ๋ฒ์ ๋๋ฌด ํ๋ค์ด์ ๋ค๋ฅธ ๋ฐฉ๋ฒ๋ ์์๋ณด๋
vscode์ ์ต์คํ
์
์ค Markdown All in One
์ด๋ผ๋ ์ต์คํ
์
์ ์ค์นํ๋ฉด
์ปค๋ฐ ์ ์ md,mdxํ์ผ์ด ์ ๋น๋๋๋์ง ํ์ธํ ์ ์๋ค๊ณ ํ๋ค.!
์์ผ๋ก๋ ์ปค๋ฐ ์ ์ ์ค๊ฐ์ค๊ฐ ์ต์คํ
์
์ ํ์ฉํด์ ์งํ์ํฉ์ ์ดํด๋ด์ผ๊ฒ ๋ค.