2์ฃผ ํ๋ฆฌ ํ๋ก์ ํธ๋ฅผ ๋ง์น๊ณ ๋๋ 4์ฃผ ๋ฉ์ธํ๋ก์ ํธ๊ฐ ์ฑํผ ๋ค๊ฐ์๋ค. ์ผ๋จ ๋ณด์ด๋ ๊ธฐ๊ฐ๋ง ํด๋ ํ๋ฆฌ ํ๋ก์ ํธ ๋ณด๋ค 2์ฃผ๊ฐ ๋ ์ฃผ์ด์ง๊ธฐ ๋๋ฌธ์ ์กฐ๊ธ ๋ ์ฌ์ ๋กญ์ง ์์๊นํ๊ณ ์ ์๋๋ง ์๊ฐํ์๋๋ฐ, ์ญ์๋ ํฌ๋ํฐ ์ค์ฐ์ด์๋ค ๐์ด๊ธฐ์ ์๊ฐํ๋ ์์ด๋์ด๊ฐ ์ฌ์ฉํ ์ ์๋ ๋ง๋
ํธ์ง๋ฅผ ์ฝ๊ธฐ ์ด๋ ค์ด ์ฌ์ฉ์(์. ๋ ธ์, ์ฅ์ ๋ฑ) ๋ค๋ Sendy(์๋) ์๋น์ค๋ฅผ ์ด์ฉํ ์ ์๋๋ก ํ ์คํธ โก๏ธ ์์ฑ์ผ๋ก ๋ณํํด์ฃผ๋ TTS ๊ธฐ๋ฅ์ ๋์ ํ๋ค.์นด์นด์ค๋ ๊ตฌ๊ธ์์ ์ ๊ณตํ๋ TTS ์๋น์ค์ ๊ฒฝ์ฐ, ์์ฑ์ด ์ข ๋ ์์ฐ์ค๋ฝ๊ณ ํธํ์ฑ์ด ์ข๋ค๋ ์ฅ์ ์ด ์์ง๋ง ์ ๋ฃ
์ทจ์ ์ค๋น ์ค ๋ฉด์ ์ค๋น๋ฅผ ์ํด CS ์คํฐ๋๋ฅผ ์งํํ๊ธฐ๋ก ํ๋ค.์ด ์ธ์์ 4๋ช ์ผ๋ก, ํ ์ฃผ์ ๊ฐ์ 1๊ฐ์ ์ฃผ์ ๋ฅผ ์ ์ ํ์ฌ ์ค๋ช ํ๋ ๋ฐฉ์์ผ๋ก ์งํ๋๋ค.์ด์ ํ๋ก์ ํธ์์ ํ์ ์ธ์ฆ ๊ธฐ๋ฅ์ ๋ํด ๋ค๋ค๊ธฐ ๋๋ฌธ์, ํ์ ์ธ์ฆ ๊ธฐ๋ฅ์ ๋ํด ์ข ๋ ์์ธํ๊ฒ ๋ค๋ค๋ณด๊ณ ์ JWT๋ฅผ ์ฃผ์
HTTP๋ ์์ฒญ๊ณผ ์๋ต์ผ๋ก ์ด๋ค์ง๋ ํ๋์ ์ฌ์ดํด์ด ๋๋๋ฉด, ์ฐ๊ฒฐ์ด ๋์ด์ง๋ ๋ฌด์ํ์ฑ์ ๊ฐ์ ธ ํด๋ผ์ด์ธํธ์ ์ํ๋ฅผ ๋ณด์กดํ์ง ์์ต๋๋ค.HTTP์ ์ด๋ฌํ ๋จ์ ์ ๋ณด์ํ๊ณ ์ ์ฟ ํค์ ์น ์คํ ๋ฆฌ์ง๋ฅผ ํตํด ์๋ฒ๊ฐ ์๋ ํด๋ผ์ด์ธํธ์ ์ฌ์ฉ์ ์ ๋ณด ๋ฐ ์ํ๋ฅผ ์ ์ฅํด๋๊ณ ํ์์๋ง๋ค ๋ฐ์ดํฐ
React์ ์ํด ๊ฐ์ด ์ ์ด๋๋ ์ปดํฌ๋ํธ๋ฅผ ์ ์ด ์ปดํฌ๋ํธ๋ผ๊ณ ํฉ๋๋ค. ๋ณดํต form ์ด๋ input ๋ฑ์ ์ ๋ ฅ ์์ ํ๊ทธ๋ฅผ ๋ค๋ฃฐ ๋, ์์์ ์ ๋ ฅ๋๋ ๊ฐ์ state๋ก ๊ด๋ฆฌํ๊ฑฐ๋ DOM API๋ฅผ ํตํด์ ๊ด๋ฆฌํ ์ ์์ต๋๋ค. ์ด๋ state๋ก DOM ์์์ ๊ฐ์ ๋ค๋ฃจ๋
์น์ฌ์ดํธ์์ ์๋์น ์์ ์คํฌ๋ฆฝํธ๋ฅผ ๋ฃ์ด์ ์คํ์ํค๋ ๊ธฐ๋ฒ์ ๋งํฉ๋๋ค.์น ์ ํ๋ฆฌ์ผ์ด์ ์ด ์ฌ์ฉ์๋ก๋ถํฐ ์ ๋ ฅ ๋ฐ์ ๊ฐ์ ์ ๋๋ก ๊ฒ์ฌํ์ง ์๊ณ ์ฌ์ฉํ ๊ฒฝ์ฐ ๋ฐ์ํ๋ฉฐ, ๊ฒฐ๊ณผ๋ก ์ฌ์ฉ์๋ ์๋์น ์์ ๋์์ ์ํํ๊ฑฐ๋ ์ฟ ํค, ์ธ์ ๋ฑ์ ์ ๋ณด๋ฅผ ํ์ทจ ๋นํ๊ฒ ๋ฉ๋๋ค.Prepetrat