< PC๋ทฐ๋ง ๊ณ ๋ คํ์ฌ ๊ตฌํ๋ ์น์ฌ์ดํธ๋ฅผ ๋ชจ๋ฐ์ผ ๋ฒ์ ์ผ๋ก ๋ฐ๊พธ๋ผ๋ ์ธ์ฃผ๋ฅผ ๋ฐ์๋ค ! > media query๋ง๊ณ useState๋ก ๋ฐ์ํ์ ๊ตฌํํด๋ณด์ / PC์ฉ ํค๋๋ฅผ ๋ชจ๋ฐ์ผ ๋๋กญ๋ค์ด ๋ฉ๋ด๋ก ๋ฐ๊ฟ๋ณด์ (feat. history.push์ setState ๋์ ๊ด๋ฆฌ)
< React๋ก YouTube ์น ํด๋ก ์ฝ๋ฉํ๊ธฐ A๋ถํฐ Z๊น์ง > ~ ๊ธฐ์ ๋ถํฐ ์ก๋ด๊น์ง ๊ทธ๋ฅ ์ ๋ถ ๋ค ๊ธฐ๋กํ๋ ์ฐ๋นํํ ์ฒซ ํ๊ณ ๋ก - ๋ฐ์ํ ์นํ์ด์ง ๋ง๋ค๊ธฐ - ๋ง์ฐ์ค ์ฌ๋ ธ์ ๋ ๋์์ ์ธ๋ค์ผ ์๋ ์ฌ์ ๊ธฐ๋ฅ - ๋ก๋ฉํ๋ฉด ๊ตฌํ - ๋ ์ด์์ ๊ตฌ์ฑ
< React์ Typescript๋ฅผ ์ด์ฉํ์ฌ ํ๋ก ํธ์๋๋ก๋ง ์นด์นด์คํก ํด๋ก ์ฝ๋ฉํ๊ธฐ> ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ๋ฆฌ์กํธ ํ๋ก์ ํธ์ ์ ์ฉํด๋ณด๊ณ , ์นด์นด์คํก ์ฑํ ๋ฐฉ์ ์ฑํ ๊ธฐ๋ฅ์ ๊ตฌํํด๋ณด์! - textarea ์ํฐ๋ก ๋ฉ์ธ์ง ์ ์ก - ์คํฌ๋กค ์๋ ๋ด๋ฆฌ๊ธฐ - ์ ์ ์ ๋ฐ๋ผ ํ๋ฉด ๊ตฌ์ฑ ๋ค๋ฅด๊ฒ
<React๋ง ํด๋ณธ ์ด์ง์ Next.js์ Typescript๋ฅผ ์ด์ฉํ Netflix ์น์ฑ ํด๋ก ์ฝ๋ฉ> NextJS์์ GetServerSideProps๋ฅผ ์ด์ฉํ์ฌ ๊น์ํ๊ฒ API์ ํต์ ํ๊ณ Data Fetch๊น์ง ํด๋ณด์ (feat. <style jsx>)
2021๋ ์ด ๊ฐ๋ฐ์ ์ ๋ฌธํ๊ณ ์ฝ 1๋ ๊ฐ ์ฝ๊ฐ์ ํ๋ก์ ํธ์ ํ์ ์ ๋ณํ (๋๋จธ์ง 1๋ ์?) ํด์ค๋ฉด์ ๋ํ์ ๋์๋ฆฌ ์์ค์ ํ๋ก์ ํธ๋ฅผ ๋์ด ์ค๋ฌด์์ ์ผํด๋ณด๊ณ ์ถ๋ค๋ ์๊ฐ์ ๋ง์ฐํ๊ฒ ํด์๋๋ฐ, ๋ง์นจ ์ ๊ณต ํ์ ์ ๋ฐ์ ์ ์๋ ์ธํด์ญ ํ๋ก๊ทธ๋จ์ด ์๋ค๊ณ ํ์ฌ ์ง์ํ๊ฒ ๋์์ต๋
๐คท๐ปโโ๏ธ DND๊ฐ ๋ญ๋ฐ? โ ์ง์ ๋๊ธฐ ๐ ๋ชจ์ง๊ณผ ์ง์ ๐ ํฉ๊ฒฉ โด ํ๋ ๐ช ์ฐ๋ฆฌ ํ ๐ ์ต์ข ๋ฐํ ๐ ํ๊ธฐ
< ํฌํ ๋ถ์ค์์ ๊ณ ๋ฏผํ๋ ๋น์ ์ ์ํ ํฌ์ฆ ์ถ์ฒ ์๋น์ค > ๐ธ ํฌ์ฆํฝ์์ ์ฝ๊ณ ๋น ๋ฅด๊ฒ ๋๋ค ํฌ์ฆ ์ถ์ฒ, ๐ฌ ํฌ์ฆํก์์ ์ ์์ด ๋ฐ๋ผํ๊ณ ๋๋ง์ ํฌ์ฆ ์์ฑ, ๐ ํฌ์ฆํผ๋์์ ์กฐ๊ฑด์ ๋ง๋ ํฌ์ฆ๋ฅผ ์ฐพ์ ๊ณต์