๐ฉ๐ปโ๐ป ๊ณตํต์ ๊ณผ ์ฐจ์ด์ ์ ๋ํ์ฌ
๐จ ๋์์ธ์ ์ฌํํด์ผํ๋ค๋ ํต๋ ์ ๊นฌ ์ฑ , ์ฝ๊ณ ๋๋์ ์ ๋จ๊ฒจ๋ณด์์.
๐ฑ NextJS ์์ํ๊ธฐ | ๋ ธ๋ง๋์ฝ๋
๐ ํด๋ฆฐ์ฝ๋ ์ฝ๊ธฐ ์์! ์ฅ์ธ ์ ์ ์ ๊ฐ์!
๐ Side Effect, Hook, useState์ ๋น๋๊ธฐ์ ๋์๊น์ง ์ ๋ฆฌํด๋ณด์!
๐ฅ Next.js๋ก ๊ฐ๋ฐํ๋ ์ค ๋ง์ฃผ์น CORS ์๋ฌ. CORS๊ฐ ๋์ฒด ๋ญ๊ธธ๋!
โจ ์ด๋ฏธ์ง ์ฉ๋๊ณผ ๋ฒ๋ค ์ฌ์ด์ฆ๋ฅผ ์ค์ด๊ณ , ์ฝ๋ ๋ถํ ๊น์ง! ๋ค์ํ ์ฑ๋ฅ ์ต์ ํ ๊ฒฝํ์ ๋ํ ์ด์ผ๊ธฐ โจ
๐ require์ import๋ ์ด๋ค ์ฐจ์ด๊ฐ ์์๊น?
๐ฉ๐ปโ๐ง ๋๋ ๋ฌด์์ ์ ๊ฒฝ์ฐ๋ฉฐ ํ๋ก์ ํธ ๋ฆฌํฉํ ๋ง์ ํ๋๊ฐ!
๐ฃ ํน์ง๊ณผ ์ฅ๋จ์ ์ ์ดํด๋ณด์!
๐งผ ์ด๋ฒคํธ ๋ฒ๋ธ๋ง์์๋ถํฐ ์บก์ณ๋ง, ์ด๋ฒคํธ ์์๊น์ง ์์๋ณด์.
๐ ํจ์์ ํธ์ถ ๋ฐฉ์์ ๋ฐ๋ผ ๋ฌ๋ผ์ง๋ this์ ๋ํ์ฌ!
๐ ์คํ ์ปจํ ์คํธ๋ ๋ฌด์์ด๋ฉฐ, ์ด๋ค ๊ณผ์ ์ผ๋ก ์์ฑ ๋๋๊ฑธ๊น?
[React] ์ ์ข ์ ๋ฏธ๋ฅผ ๊ฑฐ๋ 2์ฐจ ํ๋ก์ ํธ๋ฅผ ๋๋์๋ณด๋ฉฐ!
๐ ๋ด ํ๋ฉด์ ์นํ์ด์ง๊ฐ ๊ทธ๋ ค์ง๊ธฐ๊น์ง์ ๊ณผ์ ์ ์ดํด๋ณด์!
[React] 2์ฃผ ๋์ 7๋ช ์ ํผ๋๋๋ฌผ์ด ๋ด๊ธด ํ๋ก์ ํธ๋ฅผ ๋๋์๋ณด๋ฉฐ!
๐ซ Request / Response (์์ณฅ/์๋ต)
๐ ์ฟผ๋ฆฌ ์คํธ๋ง ์ฌ์ฉํด fetch๋ก DELETE ์์ฒญ ๋ณด๋ด๊ธฐ
๐ UI ๊ตฌ์ฑ ์์ ํ์ ํด Mock Data๋ฅผ ์์ฑํ๊ณ ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฌ์ฉํด๋ณด์!
๐ฑ ๋ก๊ทธ์ธ ์ ํจ์ฑ ๊ฒ์ฌ์ ๋ฐ๋ฅธ ๋ฒํผ ํ์ฑํ! state ๋ง๋ค์ง ์์๋ ๋๋๋ก ๋ฆฌํฉํ ๋งํด๋ณด์!