| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
- ๊ฐ๋ฐ
- ๋ ธ๋
- ํ์ ์คํฌ๋ฆฝํธ
- CLI
- Method
- node
- react
- ํ๋ก๊ทธ๋๋จธ์ค
- Array
- Reduce
- ์ต๊ทค๋ฌ
- slice
- ์ฝ๋ฉํ ์คํธ
- nodejs
- ๋ฐฑ์๋
- codingtest
- ๋ ธ๋์ ์ด์์ค
- TypeScript
- Nextjs
- ์๋ฌ
- npm
- angular
- ๋ ธ๋js
- indexOf
- error
- ์๋ฐ์คํฌ๋ฆฝํธ
- Javascript
- Programmers
- ์ฝ๋ฉํ ์คํธ์ฐ์ต
- ๋ง์์ปค๋ฅ์
- Today
- Total
๋ชฉ๋ก์ด๋ฏธ์ง (1)
Suzie's Blog
Next.js ์์ ์ด๋ฏธ์ง ๊ด๋ฆฌ : public vs src/assets
์ต๊ทผ Next.js๋ก ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ์ด๋ฏธ์ง๋ฅผ ์ ์ฅํ๋ ๋ ๊ฐ์ง ๋ฐฉ์์ด ์๋ ๊ฑธ ์๊ฒ ๋์๋ค.1. public ํด๋์ ์ ์ฅํ๊ธฐ2. src/assets ์ ์ ์ฅํ๊ธฐ๋ ์ค ํ๋๋ง ์ฐ๋ฉด ๋๋ ๊ฑฐ ์๋์ผ?๋ผ๋ ์๊ฐ์ด ๋ค์์ง๋ง, ์ํฉ์ ๋ฐ๋ผ ๋ ๋ค ์ฐ๋ ๊ฒ ์ ๋ฆฌํ ์ ์๋ค๋ ๊ฒ์ ์๊ฒ ๋์ด ๊ณต์ ํ๊ณ ์ ํ๋ค. ์ผ๋จ ํน์ง์ ํ๋ก ์ ๋ฆฌํด ๋ณด์๋ค.ํน์งpublicsrc/assets์ฌ์ฉ ๋ฐฉ์URL ์ ๊ทผ ๊ฐ๋ฅ (import ๋ ๊ฐ๋ฅ)Import ๋ก ๋ถ๋ฌ์ด์บ์ฑ ๋ฌธ์ ์ ๋ฐ์ดํธ ๋ ์ด๋ฏธ์ง๊ฐ ์ด์ ์ด๋ฏธ์ง์ ํ์ผ๋ช ์ด ๊ฐ๋ค๋ฉด ์๋ ํ์ผ์ ๋ณด์ฌ์ค ์๋ ์์ํด์๋ ํ์ผ๋ช ์ผ๋ก ์ต์ ํ์ผ๋ง ํ์๋ฒ๋ค๋ง๋ฒ๋ค๋ง ๋์ง ์์๋ฒ๋ค๋ง๊ณผ ์ต์ ํ ์๋์ผ๋ก ์งํ์ฑ๋ฅ๋ฒ๋ค ํฌ๊ธฐ์ ์ํฅ์ ์์ค์์ฃผ ์ฌ์ฉํ๋ฉด ๋ฒ๋ค ํฌ๊ธฐ๊ฐ ์ปค์ง ์ ์์์ต์ ํNext/image ์ ํจ..