ํ์ผ ๋ฆฌ์์ค ์ผ๋ฐ์ ์ผ๋กโฆ
ํ๋ก ํธ์์ ์ ์ฅ์ ํ๋ฉด ์๋๋ค. ๋๋ถ๋ถ AWS S3 Storage์์ ์ผ๋ฐ์ ์ผ๋ก ๊ด๋ฆฌ๋ฅผ ์งํํ๋ค.
ํ๋ก ํธ (form) โ ๋ฐฑ์๋ โ S3์ ์ ์ฅ
๋ฐฑ์๋๋ DB์ ๊ฒฝ๋ก ๋ช
์นญ์ ์ ์ฅํ์ฌ ํ์ผ์ ๊ด๋ฆฌํ ์์ ์ด๋ค.
ํ๋ก ํธ์ ๋๊ฒจ์ค ๋์๋ ์ ์ฒด URL ํ์์ผ๋ก ๋์ ธ์ฃผ๊ณ ์ด์ ๋ํด์ ์ด๋ฏธ์ง๋ฅผ ๊ทธ๋ ค์ฃผ๊ฑฐ๋ ํ๋ ํ์์ผ๋ก ๊ด๋ฆฌํ๊ฒ ๋ ๊ฒ
ํ๋ก ํธ์์ ๊ด๋ฆฌํด์ผ ํ๋ ์ด๋ฏธ์ง ๋ฆฌ์์ค๋ฅผ ์ด๋ป๊ฒ ๊ด๋ฆฌํ๋๋ ?
- ํ๋ก ํธ ์์ค ๋ด์์ ์ ์ฒด์ ์ผ๋ก ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ์ด ์๋ค.
/public
์์๋ค๊ฐ /public/aseest/icons..
- S3์ ๊ด๋ฆฌํจ
ํ๋ก ํธ์ ์ฉ๋์ compactํ๊ฒ ์ค์ผ ์ ์์ ๊ฒ์ด๋ค.
/assets/icons/OOO.svg
ํ์์ ์ ์ฅํจ svg๋ฅผ ์ปดํฌ๋ํธ ํ์์ผ๋ก ๋ง๋ค์ด์ svg๋ก ๋ณํ ?
- svg ์ฌ์ฉ ๊ด๋ จํด์
์์
public
ํด๋์ชฝ์ผ๋ก ์์ํด์ ์ฌ์ฉ npx @svgr/cli --typescript --out-dir ./src/components/Icons . public/icons
- ๋์์ธ ์์คํ
๋์์ธ ์์คํ
๋ด์ ์๋ Icon์ ๋ถ๋ฌ์์ ์ฌ์ฉํ๋ ํํ