๋ด์ผ๋ฐฐ์์บ ํ 4๊ธฐ ์คํ๋ฅดํ์ฝ๋ฉ React B๋ฐ
๐ ์ค๋์ ๊ณต๋ถ
1. ํ๋ก์ ํธ ์์
- ์ ๋ฆฌ ์ ๋ฆฌ ์ ๋ฆฌ
- ์ธ์ธํ๊ฒ ๋ชจ๋ ๊ธฐ๋กํด ๋๊ณ ์ถ์ด์ SA ์ ์ถ์ ์ํ ์ ๋ฆฌ, ํ๋ก์ ํธ ์ ์ฒด ์งํ์ํฉ ์ ๋ฆฌ ๋ฑ์ ๋ด๊ฐ ๋งก์์ ํ๋ค.
- ์์นจ 9์๋ถํฐ ์์ฌ ์๊ฐ ์ ์ธํ๊ณ ๋ฐค 10์ ๋์ด์๊น์ง ํ๋ฃจ์ข
์ผ ๋จธ๋ฆฌ๋ฅผ ์ฐ๋๊น ๋๋ฌด ํผ๊ณคํ๊ณ ํ๋ค์๋ค..
2. CS ํน๊ฐ_ํ๋ก์ธ์ค, ์ค๋ ๋, ๋น๋๊ธฐ
- ํ๋ก์ธ์ค
- ๋ธ๋กํน vs ๋
ผ๋ธ๋กํน
- ๋๊ธฐ vs ๋น๋๊ธฐ
3. Ajax, MPA&SPA ํน๊ฐ
- Ajax
- 'a'๋ฅผ ์
๋ ฅํ์ ๋ 'a'๋ก ์์ํ๋ ์ฐ๊ด ๊ฒ์์ด๋ฅผ ๋ถ๋ฌ์ค๋ ๊ฒ
- SPA
- ์ฒซ๋๋ฉ, ์๋ก๊ณ ์นจ ํ ๋ ์ ์ฒด index.html์ ๊ฐ์ ธ์๋ค๊ฐ ๋ค๋ฅธ ํ์ด์ง๋ก ๋์ด๊ฐ ๋ ์๋ฒ์ ์์ฒญํ์ง ์๊ณ ๋ธ๋ผ์ฐ์ ์์ ์บ์ฑํ ๊ฒ์ ๋ฐ๋ก ์ฃผ๋ ๊ฒ(304 ์ํ)
- ๊ธฐ๋ณธ์ ์ผ๋ก CSR์ด์ง๋ง SSR์ ์ฌ์ฉํ์ง ์๋ ๊ฒ์ ์๋
๐ฉ
ํ์ฅ ์ญํ ์ค๊ฐ ์ ๊ฒ
- ํด์ผ ํ ๊ฒ ๋ง์ ๋ ์ฐจ๋ถํ๊ฒ ํด์ผ ํ๋ค๋ ์๊ฐ์ ๋ชป ํ๊ณ ์ง์ฃผํ๋ฏ์ด ๋ฌ๋ฆฐ ๊ฒ ๊ฐ๋ค.
- ํ๋ก์ ํธ ์ฃผ์ ํ์ํ ๋ ์ฃผ์ ๋ฅผ ์ ํด์ผ ํ๋ค๋ ๊ฒ์ ์ง์คํ๋๋ผ ์๋ก์ด ์ฃผ์ ์ ๋ํ ์๊ธฐ๋ฅผ ์ถฉ๋ถํ ์์ฉํ์ง ์์ ๊ฒ ๊ฐ๋ค.
- ์ ์ฌ ์๊ฐ๋์ ๋ด ์์ ์ ๋์๋ณด๋ค๊ฐ ๋๋ฌด ํ๋ชฐ์์น๋ ์๋์ ํ์๋ค์ด ๋ถ๋ด์ ๋๋ผ์ง๋ ์๋์ง, ๋ด๊ฐ ๊ณ ์ณ์ผ ํ ๊ฒ์ด ์๋์ง ํ์๋ค์๊ฒ ๋ฌผ์ด๋ดค๋ค.
- ํนํ ๋ฆ๊ฒ ํฉ๋ฅํด์ ํ๋ก์ ํธ๋ ์ด๋ฒ์ด ์ฒ์์ธ ํ์์ด ๋ถ๋ด์ ๋ง์ด ๋๋ผ๋ ๊ฒ ๊ฐ์ ๊ฑฑ์ ์ ์ข ๋์ด์ฃผ๊ณ ์ถ์๋ค.
- ๋คํํ ํ์๋ค์ด ๊ด์ฐฎ๋ค๊ณ ํด์ค์ ํน์๋ผ๋ ๋ถํธํ ๊ฒ ์๊ธฐ๋ฉด ๋ฐ๋ก๋ฐ๋ก ๋งํด๋ฌ๋ผ๊ณ ํ๋ค.
- ์ญํ ๋ถ๋ด ์ง์ง ๋ ๊ฒ ๊ฐ๋ค.
- ์คํ์ ์ญํ ๋ถ๋ด์ ํ๋๋ฐ ํ์๋ณ ํ๊ณ ์ถ์ ์์
์ด ์๋ ์ง ๋ค ๋ฌผ์ด๋ณด๊ณ ๋๋ ๋ง์ค์ด๋๋ผ ์ญํ ๋ถ๋ด์ด ๊ณ์ ๋ค์ ์์๋ก ๋ฏธ๋ค์ก๋ค.
- ๋๋ ์ด๋ฒ์ ๋ฐํ์๋ ๋์ ํด๋ณด๊ณ ์ถ๊ณ ์ ๋ฒ ํ๋ก์ ํธ์ ๋ฌ๋ฆฌ ํ๋ก ํธ ์์
๋ ํด๋ณด๊ณ ์ถ์ด์ ๋ง์ค์๊ณ ํ์๋ค๋ ๋์ ์ ํ๊ณ ์ถ์๋ฐ ๋ง์ค์ฌ์ ๊ณ์ ๋ค๋ฅธ ์์
์ ๋จผ์ ํ๊ฒ ๋๋ค. ๊ทธ๋ฅ ์ฒ์๋ถํฐ ๋ฐ๋ก ์ฌ๋ค๋ฆฌ ํ๊ธฐ๋ฅผ ํ๊ฑฐ๋ ํด์ ๋นจ๋ฆฌ ์ ํ์ผ๋ฉด ์ข์์ ๊ฒ ๊ฐ๋ค. ์ด๊ฑด ๋ด๊ฐ ํ์ฅ ์ญํ ์ ์ ๋ชปํ ๊ฒ ๊ฐ๋ค.
- WireFrame์์
- ์๊ฐ๋ณด๋ค ๊ต์ฅํ ์ค๋ ์๊ฐ์ด ๊ฑธ๋ ค ์คํ 6์ ๋ง๊ฐ์๊ฐ์ ๋ง์ถฐ SA๋ฅผ ์ ์ถํ๋ค. ๋์์ธ ํ์
จ๋ ๋ถ์ด ์์ฒญ ์ด์ฌํ ๋ง๋ค์ด ์ฃผ์
จ๊ณ ๋๋ ์์ธํ wireframe์ด ์ค์ํ๋ค๊ณ ์๊ฐํ์ง๋ง CSS๋ก ๋ณ๊ฒฝํ ์ ์๋ ์ธ์ธํ ๋ถ๋ถ์ ๊ทธ๋ฅ ๋๋ต์ ์ธ ๊ฒ๋ง ๋ง๋ค๊ณ ์ ์ถํ์๊ณ ์ด๋์์ผ๋ฉด ์ข์์ ๊ฒ ๊ฐ๋ค.