Section1 ํ๊ณ , ๋ถํธ์บ ํ๋ฅผ ์์ํ๊ณ ๋ฒ์จ ํ ๋ฌ์ด ํ๋ ๋ค.
Section1์ ๋ง๋ฌด๋ฆฌํ๋ฉฐ, ์ด๋ฒ ์ฑํฐ์์ ํ์ตํ ๋ด์ฉ์ ํ ๋๋ก ๊ธฐ์ ๋ฉด์ ์ค๋นํ๊ธฐ ์ฑํฐ๊ฐ ์์๋ค. (์ค์ ์๋ ์ด๋ ฅ์ ์์ฑ ๋ฐฉ๋ฒ์ ๋ํ ์ปค๋ฆฌ์ด ์ธ์ ๋ ์์๋ค.) ๊ธฐ์ ๋ฉด์ ๋๋น๋ก ๋ค์ํ ์ง๋ฌธ๋ค์ด ์์๊ณ , ์ด์ ๋ํ ๋ต๋ณ์ ๋งํด๋ณด๋ ์๊ฐ์ด์๋ค. ๋ผ์ด๋ธ ์ธ์ ์์ ๊ฐ์กฐํ๋ ๋ถ๋ถ์, ๊ธฐ์ ๋ฉด์ ์ ์ฒซ ํ๋ฌธ์ฅ์ ๋ช ํํ๊ฒ ๋งํ์๋ ๊ฒ.
์ค๋์ TIL์ ๋ค๋ฅธ ๋ด์ฉ์ ์ ์ธํ๊ณ Section1์ ๋ง๋ฌด๋ฆฌํด๋ณผ๊น ํ๋ค. ์ฝ๋์คํ ์ด์ธ ์์ ์ ์ํ ๋ฐฉ๋ฒ์ KPT๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ํ๊ณ ์๊ณ , ์ฒ์์ ๋ญ ์จ์ผํ ์ง ์๊ฐ์ด ๋ฑํ ์ ์๋์ ๋ณ ์๊ฐ์์ด ์์ฑํ์๋๋ฐ ์ฐ๋ค๋ณด๋ ๋ด๊ฐ ํด์ผ ํ ๊ฒ๋ค์ด ๋ช ํํด์ง๋ ๋๋์ด ๋ค์ด์ ๋๋ฆ ์ด์ฌํ(?) ์๊ฐํด์ ์์ฑํ๋ค.
๐ Keep, Problem, Try
• KPT๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ๊ฐ์ธ ํ๊ณ
- ๋ชฉํ ์๊ธฐํ๊ธฐ
- Keep, Problem ์์ฑํ๊ธฐ
- Try ์์ฑํ๊ธฐ
- ์ฐ์ ์์ ์ ํ๊ธฐ
๋ชฉํ: ๐ฉ๐ป๐ป ์ฌํด ์์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ์ปค๋ฆฌ์ด ์์ํ๊ธฐ
โจ Keep
_๋ง์กฑ์ค๋ฌ์ด ๋ถ๋ถ, ๊ณ์ ์ด์ด๊ฐ๋ฉด ์ข์ ๋ถ๋ถ
• ๋งค์ผ ๊พธ์คํ ๊ณต๋ถํ๊ณ , ๊ณต๋ถํ ๋ด์ฉ์ ์ ๋ฆฌํ๊ณ ๊ธฐ๋กํ๋ ๊ฒ
• ์จ๋ผ์ธ ์์ ์ด์ง๋ง ์ง๊ฐํ์ง ์๊ณ , ์ ์๊ฐ์ ์ถ์ํ๋๊ฒ (์์ผ๋ก๋ ๊ณ์..ใ ใ )
• ์ดํด๊ฐ ์๋๊ฑฐ๋ ๋ชจ๋ฅด๋ ๋ถ๋ถ์ ๋ฎ์ด๋์ง ์๊ณ ์ฐพ์๋ณด๋ ค ์ ์ฐ๋ ๊ฒ
โจ Problem
_๋ชฉํ๋ฅผ ์ด๋ฃจ๋๋ฐ ์ฅ์ ๋ฌผ์ด ๋์๊ฑฐ๋, ๊ฐ์ ์ด ํ์ํ๋ค๊ณ ์๊ฐ๋๋ ๋ถ๋ถ
• ํ๋ฃจ์ข ์ผ ์์์ ๊ณต๋ถ๋ฅผ ํ๋ ์จ๋ชธ์ด ๋๋ฌด ๋ป๊ทผํด์ ๋ชธ์ ํ์ด์ฃผ๋ ์๊ฐ์ด ํ์ํ ๊ฒ ๊ฐ๋ค.
• ์ ์๋๋ ๋ถ๋ถ์ด ์์ผ๋ฉด ๊ทธ ๋ถ๋ถ์ ์๊ฐ์ ์๊ฐ๋ณด๋ค ๋ง์ด ํ ์ ํ๋ ๊ฒ ๊ฐ๋ค.
→ ๋จธ๋ฆฌ๋ฅผ ์ํ๊ณ ์๊ฐํ ์ฌ์ ๋ฅผ ๊ฐ์ง๋ ๊ฒ๋ ํ์ํ ๋ฏ!
• ์์ฆ ๋ ์จ๊ฐ ๋๋ฌด ์ข์์ ํญ์ ๋๋ฌ๊ฐ๊ณ ์ถ๋ค๋ ์๊ฐ์ด ๋ ๋ค.
→ ๋๋ฌ ๋๊ฐ๋ ๋์ ์นดํ๋ก ๊ฐ์ ๊ณต๋ถ๋ฅผ ํ๋ค. ๊ธฐ๋ถ์ ํ๋ ๋๊ณ , ์ง์๋ง ์๋ ๊ฐ๊ฐํจ๋ ํด์๋๊ณ , ๋ชธ๋ ํ์ด์ค ์ ์์ด์ ์ข์ ๊ฒ ๊ฐ๋ค.
โจ Try
_์ฆ์ ์ค์ฒํ Action Item
• ๋ถํธ์บ ํ๋ฅผ ์์ํ๊ธฐ ์ ์๋ ์๊ฐ ์คํธ๋ ์นญ์ ๋งค์ผ ๊พธ์คํ ํ์๋๋ฐ, ์๊ฐ์ด ์๋ค๋ ํ๊ณ๋ก ๋ฏธ๋ค๋ค. ๊ฑด๊ฐ์ ์ํด ์คํธ๋ ์นญ์ ๋ค์ ์์ํด์ผ๊ฒ ๋ค ๐ (์ ์ด๋ ํ๋ฃจ 30๋ถ)
• ์ํ๋ ์์ ์ด ์ ๋ง ์ ์๋ ๋: 10๋ถ ํด์์ผ๋ก ๋จธ๋ฆฌ ์ํ๊ณ ๋ค์ ๋ณด๊ธฐ OR ๋ค์๋ ๋ค์ ๋์ ํด๋ณด๊ธฐ
• ๋ฌด์์ด๋ ์๊ฐ๋ง ํ์ง ๋ง๊ณ , ๋ฌด์กฐ๊ฑด ์ฝ๋๋ก ์์ฑํด๋ณด๋ ์ต๊ด์ ๋ค์ฌ์ผ๊ฒ ๋ค.
→ ๋น ํ์ด์ง์ ๋ง ์ฐ๋๋ผ๋, ์ผ๋จ ํ๋ฒ ์จ๋ณด์.
• ๋ชจ๋ฅด๋ ๋ฌธ์ ๋ ์ ๊ทน์ ์ผ๋ก ๋ฌผ์ด๋ณด๊ธฐ (๊ทธ๋ฅ ๋์ด๊ฐ์ง ์๊ธฐ!)
• ๋ค๋ฅธ ์ฌ๋๊ณผ ๋น๊ตํ์ง ์๊ณ , ๋์ ๊ธฐ์ค์ ๋ฐ๋ผ ์ด์ฌํ ๋ ธ๋ ฅํ๊ธฐ
๐ ์ค๋์ ํ๊ณ , Section1์ด ๋๋๊ณ …
ํ๋ก ํธ์๋ ๋ถํธ์บ ํ๋ฅผ ์์ํ๊ณ ๋ฒ์จ ํ ๋ฌ์ด๋ผ๋ ์๊ฐ์ด ํ๋ ๋ค. 100% ์จ๋ผ์ธ ์์ ์ผ๋ก ์งํํ ๋ถํธ์บ ํ์ ์ปค๋ฆฌํ๋ผ๊ณผ ์ด์๋ฐฉ์์ ์ ์์ ํ๊ณ , ์์ ์ ์ด์ฌํ ๋ฐ๋ผ๊ฐ๊ณ , ์๋ก์ด ์ฌ๋๋ค๋ ๋ง๋๋ฉฐ ์๋กญ๊ฒ ์ ์ํด์ผ ํ ๊ฒ๋ค์ด ๋ง์๋ ์ฒซ ๋ฌ์ด์๋ค. ๊ทธ๋ฌ๋ ์์ค์๋ ์ง๋๋ ์์ฒญ๋ ์๋๋ก ๋๊ฐ์ ์ผ์ฃผ์ผ๋ง์ html๊ณผ css์ ๊ณต์์ ์ธ ์์ ์ ๋์ด ๋ฌ๊ณ , ์ด์ฉ๋ฉด ์ด๋ฒ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ์์ ์ ๋ง ์ ๋๋ก ์์์ผ ํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ธ JavaScript๋ฅผ ๋ง๋ฌ๊ณ , ๊ธฐ๋ณธ์ ์ธ ๋ฌธ๋ฒ์ ๋ฐฐ์ ๋ค. ๊ธฐ๋ณธ์ ์ธ ๋ฌธ๋ฒ์๋ ์ต์ํด์ ธ์ ๊ด์ฐฎ์๋๋ฐ, ์กฐ๊ธ ๋ ์ด๋ ค์ด ๊ฐ๋ ๋ค์ด ๋์ค๋ฉด ์ญ์ ์ดํดํ๋๋ฐ ์๊ฐ์ด ๊ฑธ๋ ธ๋ค. ํนํ ํด๋ก์ ๋ ์ง๊ธ๋ ์ดํด๊ฐ ์ ๋์ง ์๋๋ค.
์ดํ์์ด ๊ณต๋ถํ๋ค๋ณด๋ ์ด๋์ ์ฒซ๋ฒ์งธ ์๋ก ํ๋ก์ ํธ๋ฅผ ํ๊ณ ์์๊ณ , ์ฒซ๋ฒ์งธ ์๋ก ํ๋ก์ ํธ๋ฅผ ํ๋ฉฐ ๋์๊ฒ ๋ถ์กฑํ๋ ๋ถ๋ถ๋ค์ด ๋ฌด์์ธ์ง๋ ์ธ์งํ๊ฒ ๋์๋ค.
์ฒซ๋ฒ์งธ๋ก, ์๊ฐ ๋ถ๋ฐฐ๋ฅผ ์ ํ์ง ๋ชปํ๊ฒ ๊ฐ๋ค. ์์๊ฒ ๋ง๋ค๊ณ ์ถ์ด์ ๋์์ธ์ ์ธ ๊ณ ๋ฏผ์ ์ฌ์ค ์ข ๊ธธ๊ฒ ํ๋ค..๐ฅฒ ์ทจ์ ์ ํ๊ฒ ๋๋ฉด ๋์์ด๋๊ฐ ์์ํ ๋ ๋์์ธ ๊ณ ๋ฏผ์ ๋ฑํ ํ์ง ์์๋ ๋๊ฒ ์ง๋ง ์ฌ์ค์ ๊ฒฐ๊ตญ์ ํ๋ฉด์ ์๋จ, UI๋ฅผ ๋ค๋ฃจ๊ฒ ๋ ๊ฒ์ ์๊ฐํ๋ ๋์์ธ์ ๊ณ ๋ คํ์ง ์์ ์ ์์๋ค. ๊ทธ๋ฆฌ๊ณ CSS๋ ๋๋ฌด ์ฌ๋ฐ๋๊ฑธ. ์์๊ฒ ๋ง๋ค์ด์ง ํ๋ฉด์ ๋ณด๋ฉด ๋ฌผ๋ก ๊ธฐ๋ถ๋ ๋๋ฌด ์ข์์ ์์ฌ์ด ๋๋ค.
๋๋ฒ์งธ๋ก, ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ญ๊ฐ ๋ง๋๋๊ฒ ์์ง์ ์ต์ํ์ง ์๋ค๋ ๊ฒ์ด๋ค. ์๋ฐ์คํฌ๋ฆฝํธ๋ก ์ ๋ง ์์ฃผ์์ฃผ ์์ ๊ฒฐ๊ณผ๋ฌผ์ ๊ณต๋ถ๋ฅผ ๋ชฉ์ ์ผ๋ก ๋ช ๋ฒ ๋ง๋ค์ด ๋ดค๋๋ฐ๋, ํด๋ดค๋ค๊ณ ๋งํ๊ธฐ๊ฐ ๋ฌด์ํ๊ฒ ๋ค์ ๋น ํ์ด์ง์ ์ฝ๋ฉ์ ํ๋ ค๋ ์…๐ซ ์๋ง ์์์ ๋ณด๊ณ ๋ง๋ ๊ฒ ๋ง์์ ๊ทธ๋ฐ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์๋ค. ์๋ค๊ณ ๋งํ ์ ์๋ ์์ค์ด๋๊น…
๊ทธ๋ฆฌ๊ณ ์ค๋ section1์ ๋ง์ง๋ง ์ฑํฐ๋ก ๊ธฐ์ ๋ฉด์ ์ค๋น๋ฅผ ์ํ ์ง๋ฌธ๋ค์ด ์์๋๋ฐ, ๋ง์ฐํ “์๋ค”๊ณ ์๊ฐํ๋ ๊ฒ๋ค์ ๋ง๋ก ํํํ๋ ๊ฒ ๋ํ ์ด๋ ต๋ค๋ ์๊ฐ์ ํ๋ค. (์๊ทธ๋๋ ๋๋ ๋ง์ ์ ๋ง ์ ํ์ง ๋ชปํ๋๋ฐ..) ์ง๋ฌธ์ ๋ต์ด ๋ฐ๋ก ๋์ค์ง ์๋ ๊ฒ์ ์๋ค๊ณ ๋งํ ์๊ฐ ์์ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์๋ค. section1์ ์ฒ์ ์์ํ ๋, ๋ฉํ์ธ์ง์ ๋ํด ๋ฐฐ์ด ์ ์ด ์์๋ค. ๋ด๊ฐ ์๋ ๊ฒ๊ณผ ์์ง ๋ชปํ๋ ๊ฒ์ ๊ตฌ๋ถํ๋ ๊ฒ. ์ด๋ฒ์ ๊ณต๋ถ๋ฅผ ํ๋ฉด์ ๋ฉํ์ธ์ง ํ์ต์ ๋ต์ ํญ์ ์๊ฐํ๋ ค๊ณ ๋ ธ๋ ฅํ๊ณ , ์ ๋์ด ๋๋๋ฉด ์ด๋ฒ ์ ๋์ ํ์ต๋ชฉํ๋ฅผ ๋ค์ ๋ณด๋ฉฐ ๋ด๊ฐ ํ์คํ ์๊ณ ์๋ ๊ฒ์ธ์ง, ํ์ต์ด ๋์๋์ง๋ฅผ ์ฒดํฌํ์๋ค. ์๋ ๊ฒ์ ๊ธฐ์ค์ด ๋๊ตฐ๊ฐ์๊ฒ ๋ง๋ก ์ค๋ช ์ ํ ์ ์๋๊ฐ, ์๋๋ฐ ์์ฝ๊ฒ๋ ์ฒดํฌ๋ ํญ๋ชฉ์ด ๋ง์ง ์์๋ค. ๋ ์ด์ฌํ ํด์ผ๊ฒ ๋ค๋ ์๊ฐ์ด ๋งค์ผ๊ฐ์ด ๋ค์๋ค.
๋ฌผ๋ก ์ํด์๋ ๋ถ๋ถ๋ ์์๋ค๊ณ ์๊ฐ์ด ๋ ๋ค. ํนํ ๊พธ์คํ ๋ธ๋ก๊น ์ ํ ๊ฒ! ๋ธ๋ก๊ทธ๋ฅผ ์์ํ๊ณ ์ถ์๋๋ฐ, ๊ท์ฐฎ์๊ณผ ์์ฑ๋์ด์ผ ํ๋ค๋ ๊ฐ๋ฐ์ ์ ๋ป ๊ธ์ ์ฐ์ง ๋ชปํ๋ ๊ฒ ๊ฐ๋ค. ๋ค ๋ด๋ ค๋๊ณ , ๊ธ์ด ๋ถ์คํ๋๋ผ๋ ๊พธ์คํจ๊ณผ ์ต๊ด์ ๋ง๋ค๊ณ ์ถ์ด์ ๋ธ๋ก๊ทธ์ ๊ธฐ๋ก์ ๋จ๊ธฐ๊ธฐ ์์ํ๋ค. ๋ถํธ์บ ํ ๊ณผ์ ์ด ๋๋ ๋๊น์ง ์ง์์ ์ผ๋ก ๊ธฐ๋กํ ์ ์๊ธฐ๋ฅผ.
'Frontend Dev > ๐ฅ ์ฝ๋์คํ ์ด์ธ FE ๋ถํธ์บ ํ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Section2 Unit2 JavaScript ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ - OOP์ ํด๋์ค ๋ฌธ๋ฒ (0) | 2023.05.11 |
---|---|
Section2 Unit1 JavaScript ๊ณ ์ฐจ ํจ์ (0) | 2023.05.10 |
Section1 Unit11 ์๋ก ํ๋ก์ ํธ, ๋๋ง์ ์๊ณ ๋ผ์คํ ์ด์ธ ๋ง๋ค๊ธฐ (0) | 2023.05.08 |
Section1 Unit11 ์๋ก ํ๋ก์ ํธ ์ , Git์ผ๋ก ํ์ ํ๊ธฐ (0) | 2023.05.04 |
Section1 Unit10 JS/๋ธ๋ผ์ฐ์ DOM - ์ ํจ์ฑ ๊ฒ์ฌ (0) | 2023.05.03 |