Section1์์ HA๋ฅผ ๊ฒจ์ฐ ํต๊ณผํ๊ณ ๋์ด๊ฐ Section2 ํ์ต๊ธฐ๊ฐ์ ์ฌ์ ์ผ๋ก ๋งค์ฐ ํ๋ ํ๋ฌ์ด์๋ค.
๋์ด๋๋ ์ฅ์ฅ ์ฌ๋ผ๊ฐ๊ณ ,
๋งค์ผ ๋ฐฐ์ฐ๋ ์๋ก์ด ๊ฐ๋
์ ๋ํ ์ดํด๋๋ Section1 ๋ณด๋ค ๋ฎ๊ณ ,
์์ฉ๋ ฅ์ ๊ฐ์๋ก ๋จ์ด์ง๋ฉด์,
๊ฐ์ด ๋ฌธ์ ํธ๋ ํ์ด์๊ฒ๋ ๊ฐ์๋ก ๋ฏธ์ํ ์ง๊ฒฝ์ด์๋ค.
์ฃผ๋ง์ ํผ์ Section1๊น์ง ๋ณต์ตํ๋ ค๋ค๋ณด๋ ์ ๋ง ์ ์ ์ด ํ๋๋ ์์๋ค. Promise API, Fetch ๋ผ๋ ์๋ก์ด ๊ฐ๋
์ ์ดํดํ๊ธฐ๋ ์ด๋ ค์ ๊ณ , React๋ฅผ ์โญ๏ธ๋ฒฝโญ๏ธํ ์ดํดํ์ง ๋ชปํ ์ฑ server side, client side ๊ฐ์ ์๋ก์ด ๊ฐ๋
๋ค์ ๋ฐฐ์ ๋ค. (ํนํ props, state ๋ถ๋ถ์ '์~๊ทธ๋ ๊ตฌ๋' ์ ๋๋ก๋ง ์๊ณ ์์๋ค. ์ค์ค๋ก ๋ช ๋ฒ ์ค์ตํด๋ณด๊ณ Section2์ ๋์ ํ๋ ๊ฒ ์์ ํ์ ๊ฒ ๊ฐ๋ค) ์ด ๋ชจ๋ ๊ฑธ ๋ด ์กฐ๊ทธ๋ง ๋๊ฐ ๊ฐ๋นํ๊ธฐ ํ๋ค์๋ค. ์ ๋๋ก ์๊ฑฐ๋ ์ ๋๋ก ํ ์ค ์๋ ๊ฒ ์๋ค๊ณ ๋๋ผ๋ฉด์ ๋ฌด๋ ฅ๊ฐ์ ๋๋ผ๊ธฐ๋ ํ๋ค.
๊ทธ ์์ค์ ์ค๊ฐ์ ๋ฐฑ์ ๊น์ง ๋ง์์ ํ๋ฃจ์ดํ์ ๋ ์์
์ ์ ๋๋ก ์ง์คํ์ง ๋ชปํ๋๊น ๋ค์ ์ง๋๋ฅผ ๋ฐ๋ผ๊ฐ๊ธฐ ๋งค์ฐ ๋ฒ
์ฐผ๋ค. ๐ข
๊ฒฐ๊ณผ์ ์ผ๋ก Section2 HA์์๋ ํผ ๋ฌธ์ ๋ณด๋ค ๋ชป ํผ ๋ฌธ์ ๊ฐ ๋ ๋ง์๋ค.
๊ทธ๋์ Section2๋ ํ๋ฌ ๋ค์ ๋ค์ ๊ณํ์ด๋ค!
ํ์ด ํ๋ก๊ทธ๋๋ฐ ์๊ฐ์, ์ ๊ณต์ / ๋น์ ๊ณต์์ง๋ง JAVA๊ฐ์ ๋ค๋ฅธ ์ธ์ด๋ฅผ ์ด๋์ ๋ฐฐ์๋ณด์ ๋ถ๋ค / ์ํ์ ์ฌ๊ณ ๋ ฅ์ด ๋ฐ์ด๋ ๋ถ๋ค์ ๋ง์ด ๋ง๋๊ฒ ๋๋ฉด์ ์กฐ๊ธ ์๊ธฐ์์นจ ํด์ง ๊ฒ๋ ์ฌ์ค์ด๋ค. ๊ทธ๋๋ ๋๋ ์ฝ๋์คํ ์ด์ธ ํตํด ์ธ์ ์ฒ์ ๋ฐฐ์ฐ๋ ์ฝ๋ฉ์ด๊ธฐ ๋๋ฌธ์, ๋๋ฌด ๋๋ดํ์ง ์๊ธฐ๋ก ํ๋ค. ์ฝ๋์คํ ์ด์ธ ์์ ํญ์ ๊ฐ์กฐํ๋ '๋จ๋ค๊ณผ ๋น๊ตํ์ง ์๋ ๊ฒ'์ด, ๋งค์ผ๋งค์ผ ์๋ก์ด ์ฌ๋๊ณผ ํ์ดํ๋ก๊ทธ๋๋ฐ์ ํ๋ฉด์, ์ฝ์ง๋ง์ ์์ ๋ง์๊ฐ์ง์ด๋ผ๋ ๊ฒ์ ๋๊ผ๋ค.
์ด๊ฑด Section 1์ ๊ตญํ๋๋ ๊ฒ ์๋๋ผ, ์น์
๋ง๋ค ์์
์ ๋ค์ผ๋ฉด์ ์กฐ๊ธ์ด๋ผ๋
'๋ค์ ๊ณต๋ถํด๋ณผ๊น..?' ํ๋ ์๊ฐ์ด ๋ ๋ค๋ฉด ๊ธฐ์์ด๋์ ์ถ์ฒํ๋ค. (๋ฌผ๋ก ์๊ฐ ์ฌ์ ๊ฐ ์๋ค๋ฉด ๊ธฐ์ด๊ณ ๋ญ๊ณ ์ผ๋จ ๋นจ๋ฆฌ ๋ฌ๋ฆฌ๋ ๊ฒ ์ค์ํ๊ฒ ์ง๋ง, ํ๋๋ฌ ์ ๋ ๋ฆ๊ฒ ์๋ฃํ๋ ๊ฒ ๋ณ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ฉด ok.)
๊ธฐ์ด๊ฐ ์๋ฒฝํ์ง ์์ ์ํ๋ก ๋ค์ ์น์
์ผ๋ก ๋์ด๊ฐ๋ค๋ฉด ํ๋ฌ๋์ ๋๋ฌด๋๋ฌด ํ๋ค ๊ฒ์ด๋ค,,,,,,^^,,,, ๋์ ๋๋๋ก ๋ด๊ณ ํผ์ ๊ณต๋ถํ๋ค๋ ์๊ฐ์ด ๋ค๋ฉด์ ์ ๋ง ์ธ๊ณ ์ถ์ ์ ๋์๋ค ์ํํ
๋งค์ผ๋งค์ผ ๋ ๊ณผ๋ถํ๊ฐ ๊ฑธ๋ฆด ์ ์์ผ๋, ๋ด๊ฐ ์ข ๋ถ์กฑํ๋ค! ์์ ์ด ์๋ค! ํ๋ฉด, ์กฐ๊ธํ ๋ง์์ ๋ฒ๋ฆฌ๊ณ ํ๋ฒ ๋ ๋ฃ๋ ๊ฒ๋ ๋์์ง ์์ ๋ฐฉ๋ฒ์ด๋ผ๊ณ ์๊ฐํ๋ค. ๋ญ๋ ์ง ๊ธฐ์ด๋ฅผ ํํํ ์ก๊ณ ๊ฐ๋ ๊ฒ ์ค์ํ๋ค๋ ๊ฒ์ ๋ค์ ํ๋ฒ ๊นจ๋ฌ์๊ธฐ ๋๋ฌธ์ด๋ค.
ํน์ ์ด ๊ธ์ ์ฝ๊ณ ์๋ค๋ฉด ์กฐ๊ธํดํ๋ค๊ฐ ๋์ฒ๋ผ ํผ์ ๊ณ ์ํ๋ ์ผ์ด ์๊ธธ ๋ฐ๋ผ๋ฉฐ^^,,,์ด์ด ๐ฃ