ํฐ๊ฑฐ์ ์ฐ์ํํ
ํฌ์ฝ์ค
์ฐ์ํํ
ํฌ์ฝ์ค 4๊ธฐ ์น ํ๋ก ํธ์๋ ๊ณผ์
2022๋
02์ ~ 11์ (์ฝ 10๊ฐ์)
๐ฏ ๋ ๋ฒจ 4: ์น ํ๋ก๊ทธ๋๋ฐ ์ฌํ, ํ ํ๋ก์ ํธ
๋ ๋ฒจ ๋ชฉํ
โ
ํ ํ๋ก์ ํธ๋ก ์งํํ ๊ฒฐ๊ณผ๋ฌผ์ ์ ์ง ๋ณด์ํ๋ฉฐ ์๋น์ค๋ฅผ ์ด์ํ๋ ๊ฒฝํ์ ํฉ๋๋ค.
โ
๋ ๊ฑฐ์ ์ฝ๋๋ฅผ ์ ์ง์ ์ผ๋ก ๋ฆฌํฉํฐ๋งํ๊ณ ์ ํ๋ฆฌ์ผ์ด์
์ค๊ณ ์ญ๋์ ๋์
๋๋ค.
โ
๋ธ๋ผ์ฐ์ ์ ๋์ ์๋ฆฌ์ ๋คํธ์ํฌ์ ๋ํด ์ดํดํ๊ณ ํ๋ก ํธ์๋ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ์ฑ๋ฅ์ ์ต์ ํํฉ๋๋ค.
โ
์น ํ์ค๊ณผ ์น ์ ๊ทผ์ฑ์ ์ค์ํ๊ณ ์๋งจํฑ ๋งํฌ์
์ ์ํด ์ค์ํ ์์๋ค์ ์ดํดํ๊ณ ๊ตฌํํฉ๋๋ค.
โ
ํ๋ก ํธ์๋ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ์ ํ์ ๋ฐ๋ฅธ ๋ฐฐํฌ ์ ๋ต์ ์ดํดํฉ๋๋ค.
โ
JavaScript๋ง์ผ๋ก ํ๋ ์์ํฌ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ง์ ๊ตฌํํ๋ฉฐ ๊ทธ ๋์ ์๋ฆฌ๋ฅผ ํ๊ตฌํฉ๋๋ค.
์น ํ๋ก๊ทธ๋๋ฐ ์ฌํ
Order |
Mission |
Repository |
PR |
Review |
3-2 |
๋๊ตฌ๋ ์ ๊ทผํ ์ ์๋ ํญ๊ณต์ฌ ์น์ฌ์ดํธ (์น ์ ๊ทผ์ฑ) |
Link |
Link |
Link |
3-1 |
๋๊ตฌ๋ ์ ๊ทผํ ์ ์๋ ํญ๊ณต์ฌ ์น์ฌ์ดํธ (์น ์ ๊ทผ์ฑ) |
Link |
Link |
Link |
2 |
TypeScript Module |
Link |
Link |
Link |
1 |
ํ๋ก ํธ์๋ ์ฑ๋ฅ ๋ฒ ์ด์ค์บ ํ |
Link |
Link |
Link |
๐ฏ ๋ ๋ฒจ 3: ํ ํ๋ก์ ํธ
๋ ๋ฒจ ๋ชฉํ
โ
๊ฐ๋ฐ ํ๋ก์ธ์ค ๊ธฐ๋ฐ์ผ๋ก ํ๋ก์ ํธ๋ฅผ ์งํ, ํ์
ํ๋ ๊ฒฝํ์ ํฉ๋๋ค.
โ
์๋น์ค๋ฅผ ๊ธฐํ, ๊ตฌํ, ๋ฐฐํฌํด ์ค์ฌ์ฉ์๊ฐ ์ฌ์ฉํ๋๋ก ๊ฐ๋ฐํ๋ ๊ฒฝํ์ ํฉ๋๋ค.
๐ฏ ๋ ๋ฒจ 2: ์น ํ๋ก๊ทธ๋๋ฐ
๋ ๋ฒจ ๋ชฉํ
โ
React ๊ธฐ๋ฐ์ ํ๋ก ํธ์๋ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ์ ์ํฉ๋๋ค.
โ
์ฌ์ฌ์ฉํ ์ ์๋ ์ปดํฌ๋ํธ๋ฅผ ๊ณ ๋ฏผํ๊ณ ์ค๊ณํฉ๋๋ค.
โ
์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ฉํ๋ฉฐ ์ํ ๊ด๋ฆฌ์ ํ์์ฑ์ ๋ํด ์ดํดํฉ๋๋ค.
โ
ํ๋ก ํธ์๋ ์น ์ ํ๋ฆฌ์ผ์ด์
์์ ๊ณ ๋ คํด์ผ ํ ํ
์คํธ ๋ฒ์์ ์ข
๋ฅ์ ๋ํด ํ์ตํฉ๋๋ค.
Order |
Mission |
Repository |
PR |
Pair |
4-2 |
์ฅ๋ฐ๊ตฌ๋ (ํ์
๋ฏธ์
) |
Link |
Link |
- |
4-1 |
์ฅ๋ฐ๊ตฌ๋ (ํ์
๋ฏธ์
) |
Link |
Link |
์ฝ์ด |
3-2 |
์ฅ๋ฐ๊ตฌ๋ (State Management) |
Link |
Link |
- |
3-1 |
์ฅ๋ฐ๊ตฌ๋ (State Management) |
Link |
Link |
๋ฐง๋ |
2-3 |
ํ์ด๋จผ์ธ (Component-Driven Development) |
Link |
Link |
- |
2-2 |
ํ์ด๋จผ์ธ (Component-Driven Development) |
Link |
Link |
- |
2-1 |
ํ์ด๋จผ์ธ (Component-Driven Development) |
Link |
Link |
์ฝคํผ |
1-2 |
๊ณ์ฐ๊ธฐ (React ํบ์๋ณด๊ธฐ) |
Link |
Link |
- |
1-1 |
๊ณ์ฐ๊ธฐ (React ํบ์๋ณด๊ธฐ) |
Link |
Link |
ํ๋ฆฌ |
๐ฏ ๋ ๋ฒจ 1: ํ๋ก๊ทธ๋๋ฐ ๊ธฐ๋ณธ
๋ ๋ฒจ ๋ชฉํ
โ
ํ๋ก ํธ์๋์ ๊ธฐ๋ณธ์ด ๋๋ HTML, CSS, JavaScript์ ๋ํ ๊ธฐ๋ณธ ๋ฌธ๋ฒ์ ์ตํ ํ๋ก๊ทธ๋๋ฐํฉ๋๋ค.
โ
๊ตฌํํ ์ฝ๋์ ๋ํด E2E ํ
์คํธ๋ฅผ ์์ฑํ๊ณ ์ฝ๊ธฐ ์ข์ ์ฝ๋๋ก ๋ฆฌํฉํฐ๋งํฉ๋๋ค.
Order |
Mission |
Repository |
PR |
test |
์ฐ์ํํ
ํฌ์ฝ์ค ํฌ๋ฃจ ๊ด๋ฆฌ & ํ ๋งค์นญ |
Link |
Link |
3 |
์ํ๊ธฐ |
Link |
Link |
2 |
์๋์ฐจ ๊ฒฝ์ฃผ ๊ฒ์ |
Link |
Link |
1 |
์ซ์ ์ผ๊ตฌ ๊ฒ์ |
Link |
Link |
Level |
Mission |
Writing |
PR |
Blog |
4 |
๋ด๊ฐ ๊ฟ๊พธ๋ ํ๋ก๊ทธ๋๋จธ๋ก์์ ์ถ |
Link |
Link |
- |
3 |
ํ ํ๋ก์ ํธ๊ฐ ๋์๊ฒ ๋จ๊ธด ๊ฒ |
Link |
Link |
Link |
2 |
์ฐํ
์ฝ์์ ์ฐพ์ ๋๋ง์ ํจ๊ณผ์ ์ธ ๊ณต๋ถ๋ฒ |
Link |
Link |
Link |
1 |
์ฐ์ํํ
ํฌ์ฝ์ค ํ ๋ฌ ์ํ๊ธฐ |
Link |
Link |
- |
![ํฐ๊ฑฐ์ Ajax](https://raw.githubusercontent.com/dayelop/tigers-woowacourse/main/tecotalk-thumbnail.webp)