


๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด ๋๋๊ทธ์ค๋๋กญ ๊ตฌํํด๋ณด๊ธฐ
HTML์ Drag and Drop API๋ฅผ ์ด์ฉํ์ฌ ๋๋๊ทธ ์ค ๋๋กญ ๊ธฐ๋ฅ์ ์ง์ ๊ตฌํํ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.

Server Action
Server Actions๊ฐ ๋ฌด์์ธ์ง ์์๋ณด๊ณ ๊ธฐ์กด API Routes์ ๋น๊ตํด๋ณด๊ธฐ

๋น๋ฐ๋ฒํธ ์์ฑ๊ธฐ ๊ณ ์ณ๋ณด๊ธฐ

2024๋ ํ๋ฐ๊ธฐ ํ๊ณ ๋ฐ 2025๋ ๋ชฉํ
2024๋ ํ๋ฐ๊ธฐ๋ฅผ ํ๊ณ ํด๋ณด๊ณ 2025๋ ๋ชฉํ๋ฅผ ๊ฐ๋จํ๊ฒ ์ ์ด๋ณด์์ต๋๋ค.

ํ ์ค ์คํ๋ฆฐํธ 18๊ธฐ ํ๊ณ
์ด๋ฒ ํ ์ค ์คํ๋ฆฐํธ 18๊ธฐ์ ๋ํ ์งง์ ํ๊ธฐ๋ฅผ ์ ์ด๋ณด์์ต๋๋ค.

TailwindCSS์์์ ๋์ ํด๋์ค์ ํ๊ณ
TailwindCSS๋ก ๋์ ํด๋์ค ํ ๋น์ด ๋์ง ์๋ ๋ฌธ์ ๋ฅผ ๋ค๋ฃฌ ๊ฒฝํ์ ๋ํด ๊ฐ๋จํ๊ฒ ์์ฑํ์ต๋๋ค.

Modal ์ปดํฌ๋ํธ ๋ฆฌํฉํ ๋งํ๊ธฐ(2)
๊ธฐ์กด์ ๋ง๋ค์๋ ๋ชจ๋ฌ์ ๋ค์ ๊ฐ์ ํ๋ ๊ณผ์ ์ ๋ด์์ต๋๋ค.

Modal ์ปดํฌ๋ํธ ๋ฆฌํฉํ ๋งํ๊ธฐ(1)
๋ชจ๋ฌ์ ๋ง๋ค๊ณ ๊ทธ๊ฒ์ ๋ฆฌํฉํ ๋งํ๋ ๊ณผ์ ์์ ๊ฒช์ ์ด์์ ๋ํด ์ ์์ต๋๋ค.

์ ๊ท์์ผ๋ก Angular Form ๊ฒ์ฆํ๊ธฐ
Form์์ ์ฑ/์ด๋ฆ์ ๋ํ ์ ํจ์ฑ ๊ฒ์ฆ์ ํ๋ฉด์ ๊ฒช์๋ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
API ์ค๋ณต ํธ์ถ ์ด์ ํด๊ฒฐํ๊ธฐ
๊ฒ์์ ํตํด API๋ฅผ ํธ์ถํ๋ ๊ณผ์ ์์ ๊ฒช์๋ ์ด์์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
.png%3Ftable%3Dblock%26id%3De8635417-0432-4333-a5b9-d6ba9b6213c7%26cache%3Dv2&w=3840&q=75)
๋ฒ์จ 3๊ฐ์์ด ์ง๋ฌ๋ค.
์ฒซ ์ทจ์ ํ 3๊ฐ์๋์ ํ์ฌ์ ์ ์ํ๊ธฐ๊น์ง ์ด์ผ๊ธฐ๋ฅผ ์ ์ด๋ณด์์ต๋๋ค.

ํ์ฌ์ํ ํ ๋ฌ์ฐจ ํ๊ณ
์ด๋๋ง ์ ์ฌ ํ ๋ฌ์ฐจ..

์ด์ง ํ์ ์ฐ๋ ํ์ฌ์ํ ํ๊ณ
์ฒซ ์ด์ง ํ ํ์ฌ์ํ์ ๋ํ ์๊ฐ์ ๋๋ค.

password generator ๋ง๋ค์ด๋ณด๊ธฐ
๊ฐ๋จํ๊ฒ ๋๋ค์ผ๋ก ๋น๋ฐ๋ฒํธ๋ฅผ ์์ฑํด์ฃผ๋ ๋๊ตฌ๋ฅผ ๋ง๋ค์ด๋ณด์์ต๋๋ค.

redux๋ก ํฌ๋๋ฆฌ์คํธ ๋ง๋ค๊ธฐ

type guard์ ๋ํด ์์๋ณด์. (2)

๋น๋์ค์ ๋ฐฐ์จ์ ์์๋ด๋ณด์.
video๋ฅผ ๋ค๋ฃจ๋ฉด์ ๊ฒช์๋ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.

type guard์ ๋ํด ์์๋ณด์.
์ฐ์ํ ํ์ ์คํฌ๋ฆฝํธ ์ฑ ์ ์ฝ์ผ๋ฉด์ ํ์ ๊ฐ๋์ ๋ํด ๊ฐ๋จํ ๋ถ์(?) ํด๋ณด์์ต๋๋ค.
.jpg%3Ftable%3Dblock%26id%3D4710e16d-2fe1-4bf0-aac3-5da2abf7cba4%26cache%3Dv2&w=3840&q=75)
Recoil์์ jotai๋ก
Recoil์์ Jotai๋ก ๋ง์ด๊ทธ๋ ์ด์ ํด๋ณด์์ต๋๋ค.

ํ ์ค์ ์คํ๋ฆฐํธ 16๊ธฐ ํ๊ณ
ํ ์ค ์คํ๋ฆฐํธ์ ์ฒ์ ์ฐธ์ฌํ๋ฉด์ ๋๋ ์ ์ ์ ์ด๋ณด์์ต๋๋ค.

Next.js ๊ณต์ ๋ฌธ์ ๋ฒ์ญ ์ฐธ์ฌ
์ฒซ ์คํ์์ค ๊ธฐ์ฌ์ ๋ํ ๊ฒฝํ์ ์ ์ด๋ณด์์ต๋๋ค.
์ด๋ฏธ์ง ์์ (์ด๋ผ ์ฐ๊ณ ์ฝ์ง๊ธฐ..)
์ด๋ฏธ์ง ํ๋กํ์ ๋ฐ๊พธ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.
๋๋ค์ ์์,๋ชจ์ ์ฒ๋ฆฌ ๋ฐ ๋๋ค์ ๋ณ๊ฒฝํ๊ธฐ

TypeScript๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ๊ธฐ
ํ์ ์คํฌ๋ฆฝํธ๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ๋ฉด์ ๊ฒช์ ๊ฒฝํ์ ๋ํด ์ ์ด๋ณด์์ต๋๋ค.