๐๐ปโโ๏ธย 2023๋ ! 10์ฃผ ์ ๋๋ก ๊ณต๋ถํ ํํฐ์ ๊ตฌํฉ๋๋ค.
์ฌ๊ธฐ์ ๊ธฐ ๊น์ง๊ฑฐ๋ฆฌ๋ฉฐ ๋ฌ์ฑ๋ฌ์ฑ ๋ฐฐ์ฐ๋ ์ฝ๋ฉ ๊ณต๋ถโฆ. ๋งค๋ฒ ๋ฐฐ์ธ ๋๋ง๋ค ์๋กญ๋์?
์ผ์ผ ๋ฏธ์
. ์ผ์ผ ๊ณผ์ . ์ฃผ๊ฐ ํ๊ณ . ์ฝ๋ ๋ฆฌ๋ทฐ๋ก ๊ฝ~ ์ฑ์ด ์คํฐ๋!
10์ฃผ ๋์ ๋ฆฌ์กํธ ๊ธฐ์ด๋ถํฐ Typescript. NextJS ๊น์ง ๋ง์คํฐํ๋ฉฐ ์น ํ๋ก ํธ์๋ ๊ฐ๋ฐ ์ค๋ ฅ์ ์์ฑํด๋ณด์ธ์!
ย

์คํฐ๋ ๊ธฐ๊ฐ : 2023๋ 2์ 6์ผ ~ 4์ 17์ผ (10์ฃผ)
ํ์ตํ๋ ๊ฐ์ : 55์๊ฐ. 5๊ฐ ๊ฐ์ | ReactJS, Typescript, NextJS
- ReactJS ๊ธฐ์ด (์ํ ์น ์๋น์ค ๋ง๋ค๊ธฐ)
- Typescript ๊ธฐ์ด (Typescript๋ก ๋ธ๋ก์ฒด์ธ ๋ง๋ค๊ธฐ)
- ReactJS ๋ง์คํฐํด๋์ค
- NextJS ๊ธฐ์ด (NextJS ์์ํ๊ธฐ)
- [ํ์คํ] ์บ๋ฟ๋ง์ผ ํด๋ก ์ฝ๋ฉ
- ์์ฑํ๋ ํฌํธํด๋ฆฌ์ค : ๋ฌด๋น ์ฑ, ๋ทํ๋ฆญ์ค ํด๋ก , ๋ง๋ธ ์ฑ, ํธ์ํฐ ํด๋ก (์ด 4๊ฐ!)
๐ย ์ด๋ฐ ๋ถ๊ณผ ํจ๊ป ํ๊ณ ์ถ์ด์.
- ์ง์ง๋ถ์งํ ์ง์ฅ์์ ์จ ํํ ๊ฐ์ ์คํฐ๋ ๋ง๊ณ ๊ฐ์ ์๊ณ ! ํ๋ก๊ทธ๋จ ์๊ณ ! ์ด์ฌํ ํ๋ ๋งํผ ๋๋ ค๋ฐ๋ ํ์คํ ์คํ์ผ ์ข์ํ๋ ๋ถ
- ๊ฐ์ด ๊ณต๋ถํ๋ ์ฌ๋๋ค์ด๋ ์ฐํ ์์๊ฐ์ ๋๋ผ๋ฉด์ ๊ณต๋ถํ๊ณ ์ถ์ ๋ถ
- ํผ์์ ์ฝ๋ฉ ๊ณต๋ถ ํด๋ดค์ง๋ง ์ฌ๊ธฐ ์ ๊ธฐ์ ๋ง๋ง ๋ณด๋ค ํฌ๊ธฐํ์ ๋ถ
- ๋งค์ผ ๋น ์ง์ง ์๊ณ 3๊ฐ์ ์ง์ง ์ด์ฌํ ๊ณต๋ถํ์ค ๋ถ
- ๋ฐฐ์ด ๋ด์ฉ์ ์ ๊ทน ๊ณต์ ํ๊ณ ์ถ์ผ์ ๋ถ
- ๋ ธ๋ง๋์ฝ๋์ ๋ฒ ์คํธ ์ ๋ฌ ๊ฐ์๋ฅผ ํ๋ฐฉ์ ๋น ๋ฅด๊ฒ ์ญ๋ ตํ๊ณ ์ถ์ ๋ถ

โฝ๏ธ ์ด๋ ๊ฒ ๊ณต๋ถ ํ ๊ณํ ์ ๋๋ค.
๋งค์ผ 1ํ ์จ๋ผ์ธ ์คํ๋ฆฐํธ
- ๋งค์ผ ๊ณต๋ถ ์์ ์ ์ค๋ ๋ฌด์์ ๊ณต๋ถํ ์ง ์ค์ค๋ก ๊ณํ์ ์ธ์ฐ๊ณ ๊ณต์ ํด์.
- ๋งค์ผ ํ ๋น๋ ๊ฐ์: 55์๊ฐ ๊ฐ์๋ ๋งค์ผ ์๊ฒ ์ชผ๊ฐ์ ๋ณด๋ค๋ณด๋ฉด ์์ฃผ ํ ์ ์์ด์.
- ๋งค์ผ ์ต์ 2์๊ฐ: ๊ฐ์์ ๋ง๊ฒ ์ถ์ ๋ ํด์ฆ๋ฅผ ํ๊ณ , ๊ณผ์ ๋ฅผ ํ๋ฉฐ ์ ๋๋ก ์ดํดํฉ๋๋ค.
๋งค์ฃผ 1ํ ์จ๋ผ์ธ ๋ชจ์
- ๋งค์ฃผ ์์์ผ ์คํ 8์. ๋ชจ์ฌ์ ๊ณ ๋ฏผ๋ ๋๋๊ณ , ํ๋ ๊ณต์ ํด์.
- ๋งค์ฃผ 1ํ. ๋ฌด์์ ๋ฐฐ์ ๊ณ . ๊ฐ์ ์ฌํญ์ ๋ฌด์์ธ์ง ์ฒด๊ณ์ ์ผ๋ก ์ฃผ๊ฐํ๊ณ ๋ฅผ ์์ฑํ๊ณ ๋ฐํํด์.
๋งค์ 1ํ ์ฝ๋ ๋ฆฌ๋ทฐ
- ์ง๋ ํ๋ฌ ๋์ ์์ฑํ ๊ฐ์ธ ์ฝ๋๋ฅผ ์๋ก ๊ณต์ ํ๋ฉฐ ์๊ทน์ ๋ฐ์์.
- ๋ด๊ฐ ๊ตฌํํ ๋ด์ฉ์ ๋๊ตฐ๊ฐ์๊ฒ ์กฐ๋ฆฌ์๊ฒ ์ค๋ช ํ๋ ์ฐ์ต์ ํด์.
์คํ๋ผ์ธ ์น๋งฅ ๋ชจ์
- ์คํฐ๋ ๊ธฐ๊ฐ์ ์ด 10์ฃผ. ๊ทธ๋ฌ๋ ์ค๊ฐ์ ๋์จํด์ง ๋์ฏค, ์ฐ๋ฆฌ ํ๋ฒ ๋ง๋์!
- ๋ค๊ฐ์ด ์น๋งฅํ๋ฉด์, ํํฐ์๋ค ์๋ก ์ผ๊ตด๋ ๋ณด๊ณ ๋คํธ์ํนํ๋ฉฐ ๋ค์๊ธ ๋๊ธฐ๋ถ์ฌ ๋ฟ๋ฟํด๋ด์.

๐ย ์ด๋ฐ๊ฑธ ์ ๊ณตํฉ๋๋ค.
์ผ์ผ ์ค์ผ์ค
- 55์๊ฐ ๋ถ๋์ ๊ฐ์๋ฅผ 10์ฃผ๋ง์ ์์ฃผํ๋ ์๊ฐ ์ค์ผ์ค์ ์ ๊ณตํฉ๋๋ค.
์ผ์ผ ๋ฏธ์
- ๋งค์ผ ๊ณต๋ถํ ๋ด์ฉ์ ๋ณต์ตํ ์ ์๋ ํด์ฆ ๋๋ ๊ณผ์ ๊ฐ ์์ต๋๋ค.
์ผ์ผ ์ถ์์ฒดํฌ & ๋งค์ฃผ ํ์๋ชจ์
- ๋งค์ผ ํจ๊ป ๋ชจ์ฌ ๊ณต๋ถํ๊ณ , ๋งค์ฃผ ํจ๊ป ํ์ต ํํฉ์ ๊ธฐ๋กํ๊ณ ๊ณต์ ํฉ๋๋ค.

์ฝ๋ ๋ฆฌ๋ทฐ
- ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ํตํด ์๋ก ๊ฒฉ๋ คํ๊ณ , ๋ถ์กฑํ ๋ถ๋ถ์ ํจ๊ป ๊ณต๋ถํ๋ฉฐ ์ฑ์๋๊ฐ๋, ๋๋ํ ํ์ต ํ๊ฒฝ์ ์ ๊ณตํฉ๋๋ค.

ย
์คํ๋ผ์ธ ์น๋งฅ ๋ชจ์ ๐บ
- ์ด ๋ ์ ๊ณต๋ถํ์ง ๋ง์์. ํจ๊ปํด์ ๋ ๋ ๋ ํ ์คํฐ๋ ๋ฉค๋ฒ๋ค๊ณผ ๋ง๋ ์ฌ๋ฐ๊ฒ ๋์์!


๐ชย ํ์ง์ TA์ ํจ๊ปํฉ๋๋ค.
ํ์ง ๊ฐ๋ฐ์๊ฐ ๋งค์ผ ์ ๋
ํ์ต์ ๋์๋๋ฆฝ๋๋ค.
- ๋ชจ๋ฅด๋ ๊ฒ์ด ์๋ค๋ฉด? ํธํ๊ฒ ์ง๋ฌธํ๊ณ ๊ฐ์ด ํด๊ฒฐํด ๋ณด์์!
- ์ถฉ๋ถํ ๊ณ ๋ฏผํ๊ณ ๋ฐฐ์ธ ์ ์๋๋ก ๋ต๋ณ๊ณผ ์ฐธ๊ณ ์๋ฃ ๋ฑ ์์ธํ ํ์ต ๋์์ ์ ๊ณตํฉ๋๋ค.
- ๊ฐ์ ์ธ์๋ ์ฐธ๊ณ ํ๋ฉด ์ข์ ์๋ฃ ์คํฐ๋, ๋ถํด๋ฝ ๋ฑ ์ฑ๋ฆฐ์ง ์ธ ํ๋ก๊ทธ๋จ๋ ์งํ๋ ์ ์์ต๋๋ค.
ย
๐ย ์ฐธ๊ฐ๋น๋ฅผ *ํ๊ธ* ํด๋๋ฆฝ๋๋ค!
- ์ค์ค๋ก์ ํ์ผ๋ก ์ง์ ๊ตฌํํ ReactJS, Typescript, NextJS ํฌํธํด๋ฆฌ์ค๊ฐ ์๊น๋๋ค. (์์ฑํ๋ ํฌํธํด๋ฆฌ์ค : ๋ฌด๋น ์ฑ, ๋ทํ๋ฆญ์ค ํด๋ก , ๋ง๋ธ ์ฑ, ํธ์ํฐ ํด๋ก )
- ๋งค์ผ๋งค์ผ ๋๊ธฐ์๊ฒ ์ฝ๋ฉํ๋ ์ต๊ด์ด ์๊ธฐ๊ณ , ์ฃผ๋์ ์ผ๋ก ๋ ํํ๋ ์คํฌ์ด ์๊น๋๋ค.
- ์ฐ ์์๊ฐ์ ๋๋ผ๋ฉด์, ๊ฐ์ด ์น๋งฅ ๋จน๊ณ ์์์ง๊ป ์๊ณ ๋ ๋ค ์ ์๋ ์คํฐ๋ ๋ฉค๋ฐ๋ค์ด ์๊ธฐ๊ฒ ๋ฉ๋๋ค.
- ๋ฟ๋ง ์๋๋ผ ๊ผญ ์์ฃผ ํ์๋ผ๊ณ , 10์ฃผ ์ฑ๊ณต์ ์ฐธ๊ฐ๋น๋ฅผ *ํ๊ธ*ํด๋๋ฆฝ๋๋ค! (*)
ย
๐ย ๋ ธ๋ง๋ ๐ฅย 10์ฃผ ์คํฐ๋
โ๋ชจ๋ฅด๋ ๊ฑด ๋ง์๋ฐ ๋ฌด์์ ๋ ๊ณต๋ถํด์ผํ ์ง ๋ชจ๋ฅด๊ฒ ๋คโ ํค๋งค๋ ๋ ์ ์ด์ ์๋
๐
10์ฃผ ํ์ ๋ณต์กํ ๊ฐ๋
์ ์ดํดํ๊ณ , ์ค์ค๋ก ์ฑ์ฅํ๋ ์น ํ๋ก ํธ์๋ ๊ฐ๋ฐ์์ ์ต๊ด์ ๊ฐ์ง๊ฒ ๋ ๊ฑฐ์์!
- ์คํฐ๋ ๊ธฐ๊ฐ: 2์ 6์ผ(์) ~ 4์ 17์ผ(์), 10์ฃผ
- ๋ฑ๋ก: ์ ์ฐฉ์ ๋ง๊ฐ โก๏ธ์กฐ๊ธฐ ๋ง๊ฐ๋ ์ ์์ผ๋. ์๋๋ฌ์ฃผ์ธ์!
- ๋น์ฉ: 20๋ง์ (*10์ฃผ ์์ฃผ ์ฑ๊ณต์ ํ๊ธ / ๊ฐ์ ๋ณ๋ ๊ตฌ๋งค)
๐์ ์์ฌํญ (*)
- ์คํฐ๋ ์ฐธ๊ฐ๋น์ ๊ฐ์๋น๋ ๋ถํฌํจ ์ ๋๋ค.
- ๊ฐ์๋น๋ ReactJS ๋ง์คํฐ ํด๋์ค(12๋ง์), ์บ๋ฟ๋ง์ผ ํด๋ก ์ฝ๋ฉ(36๋ง์)์ผ๋ก, ๊ฐ์๋ฅผ ๊ตฌ๋งคํ์ง ์์ ์ฐธ๊ฐ์์ ๊ฒฝ์ฐ ์ด ๋น์ฉ์ (๊ฐ์๋น + ์คํฐ๋ ์ฐธ๊ฐ๋น) 68๋ง์ ์ ๋๋ค.
- ์ฐธ๊ฐ ์ ์ฒญ ํ ์ง์์๋ฅผ ๋ฐ๋์ ๊ผผ๊ผผํ๊ฒ ์์ฑํด์ฃผ์ ์ผํฉ๋๋ค.
- 10์ฃผ ์์ฃผ ์ฑ๊ณต์, ์์ ์ ์ด์๋น๋ฅผ ์ ํ ์ฐธ๊ฐ๋น(15๋ง์)๊ฐ ํ๊ธ๋ฉ๋๋ค.
ย