First, Check the branch! (Following lists are linked each branch) ์ด Repository์ branch๋ฅผ ํ์ธํด์ฃผ์ธ์. branch์ ๋ฐ๋ผ Tutorial Step์ด ๋๋์ด์ ธ ์์ต๋๋ค. ๋ค์ ๋ฆฌ์คํธ๋ branch์ ๋งํฌ ๋์ด์์ต๋๋ค.
์ด ํ๋ก์ ํธ์ ๊ธฐ๋ณธ ์ ํ ์ ๋๋ค. ์ด ํํ ๋ฆฌ์ผ์ ๊ธฐ์ ์คํ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
- react(TypeScript)
- redux
- redux-observable
/org
์ /user
๋ ๊ฐ์ ํ์ด์ง๋ก ๊ตฌ์ฑ๋์ด ์์ผ๋ฉฐ, ๊ฐ ํ์ด์ง์์ fetch action์ ํตํด ์ปจํ
์ธ ๋ฅผ ๊ทธ๋ฆฌ๊ณ ์์ต๋๋ค.
loadable/component๋ฅผ ํตํด Route๋ฅผ ๊ธฐ์ค์ผ๋ก Code Splitting๋ง ์งํํ์์ต๋๋ค.
๊ธฐ๋ณธ์ ์ธ Server Side Rendering(์ดํ SSR)์ ๊ตฌํํฉ๋๋ค.
/org
ํ์ด์ง์์ header์์ญ์ ๋ถ๋ฆฌํ์ฌ, ์ด ๋ถ๋ถ์ด server์์ ๋ ๋๋ง ์๋ฃ๋ ์ฑ๋ก ์ ๋ฌ๋ฉ๋๋ค.
server์์ action dispatch๋ฅผ ํตํด /org
ํ์ด์ง์ ํ์ํ ์ด๊ธฐ state๋ฅผ ๊ตฌ์ฑํฉ๋๋ค. ์ด state๋ฅผ ํตํด ํด๋น ํ์ด์ง์ ์ปจํ
์ธ ๋ฅผ ๋ชจ๋ ๋ ๋๋ง ํ html์ client์๊ฒ ์ ๋ฌํฉ๋๋ค. server์์ ์ด๊ธฐ state๋ฅผ ๊ตฌ์ฑํ๊ธฐ ๋๋ฌธ์ client์์ ๋๊ธฐํ ํ๋ ๋ก์ง์ด ์์ต๋๋ค.
์ด 3๋จ๊ณ๋ก ๊ตฌํํ๋ฉฐ ๋ง๋ฌ๋ ๋ฌธ์ ์ ๋ํ ํด๊ฒฐ์ ๋ชจ๋ Issues ์ ๊ธฐ๋กํด ๋์์ต๋๋ค.
Label์ ํด๋น ๋จ๊ณ์์ ๋ฐ์ํ๋ ์ด์์์ ๋ํ๋ ๋๋ค.
์ด tutorial์ ๋ฐ๋ผํ์๋ค๊ฐ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ฑฐ๋, ์ง๋ฌธ์ด ์์ผ์ ๊ฒฝ์ฐ issue์ ๋จ๊ฒจ์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค.
Special Thanks to Jbee ๐