nextjs,tailwindcss,vercel

์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ ๊ฐœ๋ฐœ - expo assets ์‚ฌ์ง„๋“ค ์„ค๋ช…

์ฃผ์˜ ๐Ÿฑ 2024. 11. 8. 12:52
728x90
๋ฐ˜์‘ํ˜•

 

expo๋กœ ๋นŒ๋“œํ•˜๋ฉด ์ž๋™์ ์œผ๋กœ ์ƒ์„ฑ๋˜๋Š” ์‚ฌ์ง„๋“ค์— ๋Œ€ํ•œ ์„ค๋ช…

๊ฐ๊ฐ์˜ ์šฉ๋„์™€ ํฌ๊ธฐ ๋“ฑ๋“ฑ ์ •๋ฆฌํ•˜๊ณ ์ž ํ•œ๋‹ค. 

 

  • adaptive-icon.png
    • ํฌ๊ธฐ: 1024 x 1024 pixels
    • ์šฉ๋„: ์•ˆ๋“œ๋กœ์ด๋“œ 8.0 ์ด์ƒ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ์ ์‘ํ˜• ์•„์ด์ฝ˜
    • ํŠน์ง•:
      • ์ด๋ฏธ์ง€์˜ ์ค‘์š”ํ•œ ์š”์†Œ๋“ค์€ ์ค‘์•™ 710x710 pixels ์˜์—ญ ์•ˆ์— ๋ฐฐ์น˜
      • ๋ฐฐ๊ฒฝ์ด ํˆฌ๋ช…ํ•˜๋ฉด ์•ˆ๋จ
      • ์•ˆ๋“œ๋กœ์ด๋“œ์˜ ๋‹ค์–‘ํ•œ ์•„์ด์ฝ˜ ๋ชจ์–‘(์›ํ˜•, ์‚ฌ๊ฐํ˜• ๋“ฑ)์— ๋Œ€์‘
  • favicon.png
    • ํฌ๊ธฐ: 32 x 32 pixels
    • ์šฉ๋„: ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ํƒญ์ด๋‚˜ ๋ถ๋งˆํฌ์— ํ‘œ์‹œ๋˜๋Š” ์•„์ด์ฝ˜
    • ํŠน์ง•:
      • ์ž‘์€ ํฌ๊ธฐ์—์„œ๋„ ์‹๋ณ„ ๊ฐ€๋Šฅํ•ด์•ผ ํ•จ
      • ๋‹จ์ˆœํ•œ ๋””์ž์ธ ๊ถŒ์žฅ
  • icon.png
    • ํฌ๊ธฐ: 1024 x 1024 pixels
    • ์šฉ๋„: ์•ฑ์Šคํ† ์–ด์™€ ๊ธฐ๊ธฐ์— ํ‘œ์‹œ๋˜๋Š” ๊ธฐ๋ณธ ์•ฑ ์•„์ด์ฝ˜
    • ํŠน์ง•:
      • ์—ฌ๋ฐฑ: ๊ฐ€์žฅ์ž๋ฆฌ์—์„œ 10% ์ •๋„
      • ๋ชจ์„œ๋ฆฌ ๋ผ์šด๋”ฉ ์ฒ˜๋ฆฌํ•˜์ง€ ์•Š์Œ (์ž๋™์œผ๋กœ ์ ์šฉ๋จ)
      • PNG ํฌ๋งท, ํˆฌ๋ช… ๋ฐฐ๊ฒฝ ๊ฐ€๋Šฅ
  • splash.png
    • ํฌ๊ธฐ: 1242 x 2436 pixels (iPhone X ํ•ด์ƒ๋„ ๊ธฐ์ค€)
    • ์šฉ๋„: ์•ฑ ์‹คํ–‰ ์‹œ ํ‘œ์‹œ๋˜๋Š” ์‹œ์ž‘ ํ™”๋ฉด
    • ํŠน์ง•:
      • ๋กœ๊ณ ๋‚˜ ๋ธŒ๋žœ๋“œ ์ด๋ฏธ์ง€๋ฅผ ์ค‘์•™์— ๋ฐฐ์น˜
      • ๋กœ๊ณ  ํฌ๊ธฐ๋Š” ์ „์ฒด ๋„ˆ๋น„์˜ ์•ฝ 60% ์ด๋‚ด๋กœ ๊ถŒ์žฅ
      • ๋‹จ์ƒ‰ ๋ฐฐ๊ฒฝ ๊ถŒ์žฅ
      • app.json์—์„œ resizeMode๋ฅผ 'contain'์œผ๋กœ ์„ค์ •ํ•˜๋ฉด ๋ชจ๋“  ๊ธฐ๊ธฐ์—์„œ ์ ์ ˆํ•˜๊ฒŒ ํ‘œ์‹œ๋จ

 

์บ”๋ฐ” ํ˜น์€ ํ”ผ๊ทธ๋งˆ์—์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ํŽธ์ง‘ ํ›„์ ์šฉํ•˜์ž

 

๋ฐ˜์‘ํ˜•