lil.dev
Published on

๐ŸŽ‰ ์ปฌ๋Ÿฌ๋ฆฌ์ŠคํŠธ ํ”„๋กœ์ ํŠธ #5 ์™œ ๋นŒ๋“œ๊ฐ€ ์•ˆ๋ ๊นŒ? vercel ๋นŒ๋“œ ์—๋Ÿฌ

๊ธ€์“ด์ด

    ๐Ÿ“Œ ๋ชฉ์ฐจ

    Welcome

    โœจ ์ปฌ๋Ÿฌ๋ฆฌ์ŠคํŠธ ์‚ฌ์ดํŠธ(์•„์ง ์—†์Œ

    ๐Ÿ’๐Ÿป

    1. vercel ๋นŒ๋“œ๊ฐ€ ๋‚ฌ๋‹ค.
    2. ์›์ธ ์ฐพ๊ธฐ
    3. ํ•ด๊ฒฐ!

    1. ๊ฐ‘์ž๊ธฐ vercel ๋นŒ๋“œ ์—๋Ÿฌ๊ฐ€ ๋‚ฌ๋‹ค.

    vercel์— ๋“ค์–ด๊ฐ”๋”๋‹ˆ ์ด๋Ÿฐ ์—๋Ÿฌ ์ฝ”๋“œ๊ฐ€ ์ฃผ๋ฅด๋ฅต ๋‚˜์˜จ๋‹ค.
    vercelErrorImg

    2. ์ฝ์–ด๋ด๋„ ๋ชจ๋ฅด๊ฒ ์–ด์„œ ์ผ๋‹จ import๊ฐ€ ๋“ค์–ด๊ฐ„ ์ฝ”๋“œ๋ฅผ ๊ฑฐ์˜ ์ง€์šฐ๊ณ , ๋‹จ์–ด๋Š” ๋ฐฑํ‹ฑ์ฒ˜๋ฆฌ๋ฅผ ํ•ด์ฃผ์—ˆ๋‹ค.

    ๊ทธ๋ž˜๋„ ์•ˆ๋œ๋‹ค.

    ์—๋Ÿฌ๋‚œ ์ฃผ์†Œ /node_modules/esbuild/lib/main.js:1475:15 ์— ๋“ค์–ด๊ฐ€๋ณผ๊นŒ ํ–ˆ๋”๋‹ˆ
    Loader๋ฆฌ์ŠคํŠธ์— feature๊ฐ€ ์—†๊ธธ๋ž˜ ์ด๊ฒƒ ๋•Œ๋ฌธ์ธ๊ฐ€ ํ•˜๊ณ  ๊ทธ ๋‹จ์–ด๋ฅผ ์ง€์› ๋‹ค.

    ๊ทธ๋ž˜๋„ ์•ˆ๋œ๋‹ค.

    ๊ธ€์„ ๋‹ค๋ฅธ ๊ณณ์— ๋ณต๋ถ™ํ•ด๋†“๊ณ  ์กฐ๊ธˆ์”ฉ ์ €์žฅํ•ด์„œ ์˜ค๋ฅ˜๋ฅผ ์ฐพ์•„๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.

    3. ์กฐ๊ธˆ์”ฉ ์ปค๋ฐ‹ํ•˜๋ฉด์„œ ์ฝ”๋“œํ™•์ธํ•ด์„œ ํ•ด๊ฒฐ!

    buildErrorImg

    ๋˜ ์•ˆ๋œ๋‹ค.

    ๋˜ ์กฐ๊ธˆ์”ฉ ์ฝ”๋“œ๋ฅผ ์ž˜๋ผ ์ปค๋ฐ‹ํ•ด๋ณด๋‹ˆ ์ด๋ฒˆ์—” <div~>๋ถ€๋ถ„์„ ์ฃผ์„์ฒ˜๋ฆฌ๋ฅผ ์•ˆํ•ด์ฃผ์–ด์„œ ์˜ค๋ฅ˜๊ฐ€ ๋‚ฌ๋‹ค.

    ๊ณ ์ณ์ฃผ๋‹ˆ ๋‹ค๋ฅธ ๋ถ€๋ถ„์€ ์˜ค๋ฅ˜๊ฐ€ ์—†์–ด์„œ ์ž˜ ๋นŒ๋“œ๊ฐ€ ๋˜์—ˆ๋‹ค!!

    ๊ทธ๋ž˜๋„ ์ด ๋ฐฉ๋ฒ•์€ ๋„ˆ๋ฌด ํž˜๋“ค์–ด์„œ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•๋„ ์•Œ์•„๋ณด๋‹ˆ
    vscode์˜ ์ต์Šคํ…์…˜ ์ค‘ Markdown All in One์ด๋ผ๋Š” ์ต์Šคํ…์…˜์„ ์„ค์น˜ํ•˜๋ฉด
    ์ปค๋ฐ‹ ์ „์— md,mdxํŒŒ์ผ์ด ์ž˜ ๋นŒ๋“œ๋˜๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค.!
    ์•ž์œผ๋กœ๋Š” ์ปค๋ฐ‹ ์ „์— ์ค‘๊ฐ„์ค‘๊ฐ„ ์ต์Šคํ…์…˜์„ ํ™œ์šฉํ•ด์„œ ์ง„ํ–‰์ƒํ™ฉ์„ ์‚ดํŽด๋ด์•ผ๊ฒ ๋‹ค.