23.04.29 TIL ๐Ÿ˜ญ๐Ÿ˜ญ๐Ÿ˜ญ

์ƒค์ด๋‹ˆยท2023๋…„ 4์›” 30์ผ
0

learned.log

๋ชฉ๋ก ๋ณด๊ธฐ
39/46

์˜ค๋Š˜์˜ ๋‚˜๋Š” ๋ฌด์—‡์„ ์ƒˆ๋กญ๊ฒŒ ๋ฐฐ์› ๋‚˜์š”?

[1] ์ด์ œ๋Š” CRA๋ณด๋‹ค Vite?!

๊ณต๋ถ€ํ•˜๋ฉด์„œ ์–ด๋–ค ์–ด๋ ค์›€์ด ์žˆ์—ˆ๋‚˜์š”?

netlify ๋ฐฐํฌ๊ฐ€ ์•ˆ๋œ๋‹ค.


๋ถ„๋ช… ๋‹ค๋ฅธ ์ˆ˜๊ฐ•์ƒ๊ณผ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ ํ–ˆ๋Š”๋ฐ ๋‚˜๋งŒ ๋ฐฐํฌ๊ฐ€ ์•ˆ๋๋‹ค. ์ด์œ ๋ฅผ ์•„๋ฌด๋ฆฌ ์ฐพ์•„๋„ ์•Œ ์ˆ˜๊ฐ€ ์—†์—ˆ๋‹ค.

๊นƒํ—ˆ๋ธŒ ๋ ˆํŒŒ์ง€ํ† ๋ฆฌ root์— package.json์„ ๋ชป์ฐพ๋Š”๋‹ค.

์ด๊ฒŒ ๋ญ” ๋ง์ด์•ผ.. ๋ถ„๋ช…์ด ์กด์žฌํ•˜๋Š”๋ฐ ์™œ ๋ชป์ฐพ์•„..ใ… ใ… ใ… 

  • try1. build ํด๋”๋ฅผ dist๊ฐ€ ์•„๋‹Œ build๋กœ ๋ณ€๊ฒฝ

    • ๋‹น์—ฐ์ด ์•ˆ๋œ๋‹ค. ์™œ๋ƒ๋ฉด build ํด๋”๋Š” ๋‹น์—ฐํžˆ dist์ด๋‹ˆ๊นŒ..
  • try2. npm run build ์•ž์— CI๋ฅผ ๋ถ™์—ฌ๋Ÿฌ

    • ์ด๊ฒƒ๋„ ์›์ธ์ด ์•„๋‹ˆ๋‹ค. CI=false๋„ ํ•ด๋ณด๊ณ  CI=""๋„ ํ•ด๋ณด๊ณ  ๋‹คํ•ด๋ดค๋‹ค.
  • try3. netlify.toml ํŒŒ์ผ ์ƒ์„ฑ

    • ์ƒ์„ฑ์„ ํ•ด๋„ ์ฐพ์•„๋‚ด์ง€๋ฅผ ๋ชปํ•˜๊ณ  ๊ทธ๊ฒƒ์„ ์‚ฌ์šฉํ•ด์„œ buildํ•˜์ง€ ์•Š๋˜๋ฐ.. ๋ญ˜๊นŒ..

      [build]
      command = "npm run build"
      publish = "dist"
      
      [[redirects]]
       from = "/*"
       to = "/index.html"
       status = 200
  • try4. base direction์„ ๋ณ€๊ฒฝํ•ด๋ผ

    • ์•„๋‹ˆ, ์• ์ดˆ์— root์ธ๋ฐ ์–ด๋–ป๊ฒŒ base ํด๋”๋ฅผ ์ž‘์„ฑํ•ด.. ์•„๋ฌด๋ฆฌ ๊ณ ๋ฏผํ•ด๋„ XX

์˜จ๊ฐ– ์‚ฝ์งˆ ๋์— ๊ฒฐ๊ตญ PR์„ closedํ•˜๊ณ  ๋‹ค์‹œ ๋งŒ๋“ค์—ˆ๋‹ค.

๊ทธ๋Ÿฐ๋ฐ ์™ ๊ฑธ. ๋‹ค์‹œ ๋งŒ๋“œ๋‹ˆ๊นŒ ์ž˜ ๋๋‹ค... ๋ฐ˜์˜์— ์‹œ๊ฐ„์ด ์ข€ ๊ฑธ๋ฆฌ๊ธด ํ•ด์„œ 10๋ถ„๋™์•ˆ ๋˜ ์‚ฝ์งˆ์„ ํ•˜๊ธด ํ–ˆ์ง€๋งŒ..

๊ฒฐ๊ตญ why๋Š” ์ฐพ์ง€ ๋ชปํ•œ ์ฑ„ ๋ฐฐํฌ๋ฅผ ํ•˜๊ธด ํ–ˆ๋‹ค. ์ตœ์ข… build ์„ค์ •์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

์ •๋ง ๋„ˆ๋ฌด ํž˜๋“  2์‹œ๊ฐ„์ด์—ˆ๋‹ค..

๋‚ด์ผ์˜ ๋‚˜๋Š” ๋ฌด์—‡์„ ๊ณต๋ถ€ํ•ด์•ผ ํ• ๊นŒ์š”?

  • WIL ์ž‘์„ฑ ๋ฐ Weekly ๋ฏธ์…˜ ํšŒ๊ณ !

0๊ฐœ์˜ ๋Œ“๊ธ€