
๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด ๋๋๊ทธ์ค๋๋กญ ๊ตฌํํด๋ณด๊ธฐ
HTML์ Drag and Drop API๋ฅผ ์ด์ฉํ์ฌ ๋๋๊ทธ ์ค ๋๋กญ ๊ธฐ๋ฅ์ ์ง์ ๊ตฌํํ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
HTML์ Drag and Drop API๋ฅผ ์ด์ฉํ์ฌ ๋๋๊ทธ ์ค ๋๋กญ ๊ธฐ๋ฅ์ ์ง์ ๊ตฌํํ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
Server Actions๊ฐ ๋ฌด์์ธ์ง ์์๋ณด๊ณ ๊ธฐ์กด API Routes์ ๋น๊ตํด๋ณด๊ธฐ
2024๋ ํ๋ฐ๊ธฐ๋ฅผ ํ๊ณ ํด๋ณด๊ณ 2025๋ ๋ชฉํ๋ฅผ ๊ฐ๋จํ๊ฒ ์ ์ด๋ณด์์ต๋๋ค.
์ด๋ฒ ํ ์ค ์คํ๋ฆฐํธ 18๊ธฐ์ ๋ํ ์งง์ ํ๊ธฐ๋ฅผ ์ ์ด๋ณด์์ต๋๋ค.
TailwindCSS๋ก ๋์ ํด๋์ค ํ ๋น์ด ๋์ง ์๋ ๋ฌธ์ ๋ฅผ ๋ค๋ฃฌ ๊ฒฝํ์ ๋ํด ๊ฐ๋จํ๊ฒ ์์ฑํ์ต๋๋ค.
๊ธฐ์กด์ ๋ง๋ค์๋ ๋ชจ๋ฌ์ ๋ค์ ๊ฐ์ ํ๋ ๊ณผ์ ์ ๋ด์์ต๋๋ค.
๋ชจ๋ฌ์ ๋ง๋ค๊ณ ๊ทธ๊ฒ์ ๋ฆฌํฉํ ๋งํ๋ ๊ณผ์ ์์ ๊ฒช์ ์ด์์ ๋ํด ์ ์์ต๋๋ค.
Form์์ ์ฑ/์ด๋ฆ์ ๋ํ ์ ํจ์ฑ ๊ฒ์ฆ์ ํ๋ฉด์ ๊ฒช์๋ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
๊ฒ์์ ํตํด API๋ฅผ ํธ์ถํ๋ ๊ณผ์ ์์ ๊ฒช์๋ ์ด์์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
์ฒซ ์ทจ์ ํ 3๊ฐ์๋์ ํ์ฌ์ ์ ์ํ๊ธฐ๊น์ง ์ด์ผ๊ธฐ๋ฅผ ์ ์ด๋ณด์์ต๋๋ค.
์ด๋๋ง ์ ์ฌ ํ ๋ฌ์ฐจ..
์ฒซ ์ด์ง ํ ํ์ฌ์ํ์ ๋ํ ์๊ฐ์ ๋๋ค.
๊ฐ๋จํ๊ฒ ๋๋ค์ผ๋ก ๋น๋ฐ๋ฒํธ๋ฅผ ์์ฑํด์ฃผ๋ ๋๊ตฌ๋ฅผ ๋ง๋ค์ด๋ณด์์ต๋๋ค.
video๋ฅผ ๋ค๋ฃจ๋ฉด์ ๊ฒช์๋ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
์ฐ์ํ ํ์ ์คํฌ๋ฆฝํธ ์ฑ ์ ์ฝ์ผ๋ฉด์ ํ์ ๊ฐ๋์ ๋ํด ๊ฐ๋จํ ๋ถ์(?) ํด๋ณด์์ต๋๋ค.
Recoil์์ Jotai๋ก ๋ง์ด๊ทธ๋ ์ด์ ํด๋ณด์์ต๋๋ค.
ํ ์ค ์คํ๋ฆฐํธ์ ์ฒ์ ์ฐธ์ฌํ๋ฉด์ ๋๋ ์ ์ ์ ์ด๋ณด์์ต๋๋ค.
์ฒซ ์คํ์์ค ๊ธฐ์ฌ์ ๋ํ ๊ฒฝํ์ ์ ์ด๋ณด์์ต๋๋ค.
์ด๋ฏธ์ง ํ๋กํ์ ๋ฐ๊พธ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
ํ์ ์คํฌ๋ฆฝํธ๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ๋ฉด์ ๊ฒช์ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.