์ค์ React ํฌํธํด๋ฆฌ์ค ์์ฑ โ ๊ณต๊ณต API + ์ง๋ ์๋น์ค ๋ง๋ค๊ธฐ (๋ฐฐํฌ๊น์ง)
์ด๋ฐ ๊ณ ๋ฏผ, ํด๋ณด์ ์ ์๋์? React๋ ๋ฐฐ์ ๋๋ฐ ๋ง์ ๋ฌด์์ ๋ง๋ค์ด์ผ ํ ์ง ๋ชจ๋ฅด๊ฒ ๋ค ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค๊ณ ์ถ์๋ฐ Todo ์ฑ ๋ง๊ณ ๋ ๋ ์ค๋ฅด์ง ์๋๋ค ์ง๋ API๋ ๊ณต๊ณต API๋ ์ด๋ ค์ ๋ณด์ฌ์ ์๋์กฐ์ฐจ ๋ชป ํด๋ดค๋ค ๋ฐฐํฌ๊น์ง ํด๋ณธ ์ ์ด ์์ด ํญ์ โ๋ก์ปฌ ํ๋ก์ ํธโ๋ก๋ง ๋๋๋ค ์ฝ๋๊ฐ ์ ์ ๋ณต์กํด์ง๋๋ฐ ์ค๊ณ๋ฅผ ์ด๋ป๊ฒ ํด์ผ ํ ์ง ๋ชจ๋ฅด๊ฒ ๋ค ๐ฏ ์ด ๊ฐ์๊ฐ ํด๊ฒฐํด ์ฃผ๋ ๋ฌธ์ ์ด ๊ฐ์๋ ๋จ์ํ ์ง๋๋ฅผ ๋์ฐ๋ ๋ฒ์ ์๋ ค์ฃผ๋ ๊ฐ์๊ฐ ์๋๋๋ค. โ ๊ณต๊ณต API๋ฅผ ์ค์ ์๋น์ค์ ์ฐ๊ฒฐํ๋ ๋ฐฉ๋ฒ โ ์ง๋ SDK๋ฅผ React ๊ตฌ์กฐ ์์์ ์์ ์ ์ผ๋ก ์ค๊ณํ๋ ๋ฐฉ๋ฒ โ ๋ง์ปค ์ต์ ํ์ ์ธํฌ์๋์ฐ ์ฌ์ฌ์ฉ ๊ตฌ์กฐ โ Context๋ฅผ ํ์ฉํ ์ํ ๊ด๋ฆฌ ์ค๊ณ โ Tailwind + SCSS ์ค์ ํ์ฉ โ GitHub ์ ๋ฆฌ ๋ฐ Vercel ๋ฐฐํฌ๊น์ง โ๊ธฐ๋ฅ ๊ตฌํโ์ด ์๋๋ผ ์ค์ ์๋น์ค ๊ตฌ์กฐ๋ก ์ค๊ณํ๋ ๋ฐฉ๋ฒ์ ์๋ ค๋๋ฆฝ๋๋ค. ๐ก ๋จ์ ๋ฐ๋ผ์น๊ธฐ ๊ฐ์๊ฐ ์๋๋๋ค ์ useRef๋ฅผ ์ฐ๋์ง ์ ๋ง์ปค๋ฅผ ๋งค๋ฒ ์๋ก ๋ง๋ค๋ฉด ์ ๋๋์ง ์ ์ํ๋ฅผ ๋ถ๋ฆฌํด์ผ ํ๋์ง ์ ๋ฐฐํฌ ํ๊ฒฝ์์๋ ํ๊ฒฝ๋ณ์๋ฅผ ๋ฐ๋ก ๊ด๋ฆฌํด์ผ ํ๋์ง ๋ชจ๋ ์ ํ์๋ ์ด์ ๊ฐ ์์ต๋๋ค. ์ด ๊ฐ์๋ ๊ทธ โ์ด์ โ๋ฅผ ์ค๋ช ํฉ๋๋ค. ๐ ์๊ฐ ํ ์ฌ๋ฌ๋ถ์ ์ด๋ ๊ฒ ๋ฉ๋๋ค ์ง๋ ๊ธฐ๋ฐ ํฌํธํด๋ฆฌ์ค ํ๋ก์ ํธ 1๊ฐ ์์ฑ ๊ณต๊ณต API ์ฐ๋ ๊ฒฝํ ํ๋ณด ์ธ๋ถ SDK๋ฅผ React์ ๋ถ์ด๋ ๊ตฌ์กฐ ์ดํด ์ค๋ฌดํ ํ๋ก์ ํธ ๊ตฌ์กฐ ์ค๊ณ ๊ฒฝํ ๋ฐฐํฌ ๊ฒฝํ ๋ณด์ ๊ทธ๋ฆฌ๊ณ ๋ฉด์ ์์ ์ด๋ ๊ฒ ๋งํ ์ ์์ต๋๋ค. โ๊ณต๊ณต API ๊ธฐ๋ฐ ์ง๋ ์๋น์ค๋ฅผ ์ง์ ์ค๊ณํ๊ณ ๋ฐฐํฌํด๋ดค์ต๋๋ค.โ ์ด ํ ๋ฌธ์ฅ์ด ํฐ ์ฐจ์ด๋ฅผ ๋ง๋ญ๋๋ค. ๐ฉโ๐ป ์ด๋ฐ ๋ถ๋ค๊ป ์ถ์ฒํฉ๋๋ค React ๊ธฐ๋ณธ ๋ฌธ๋ฒ์ ์๊ณ ์์ง๋ง ํ๋ก์ ํธ ๊ฒฝํ์ด ๋ถ์กฑํ ๋ถ ์ทจ์ ์ฉ ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค๊ณ ์ถ์ ๋ถ ์ง๋/๊ณต๊ณต API ํ๋ก์ ํธ๋ฅผ ํด๋ณด๊ณ ์ถ์๋ ๋ถ ์ค๋ฌด์ ๊ฐ๊น์ด ์ค๊ณ๋ฅผ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ ๐ฅ ์ด ๊ฐ์์ ๋ชฉํ ์ด ๊ฐ์๋ โ์ง๋ ๋ง๋๋ ๋ฒโ์ด ์๋๋ผโ์๋น์ค๋ฅผ ์ค๊ณํ๋ ์ฌ๊ณ ๋ฐฉ์โ์ ๋ฐฐ์ฐ๋ ๊ฐ์์ ๋๋ค.
10๋ช ์ด ์๊ฐํ๊ณ ์์ด์.
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ







