CodeSquad๐นDay 51
Pair Review
๊ฒ๋ํ์ด์์ ๋ฒ ๋ฅด์ ํ์ด ๋ฆฌ๋ทฐ๋ฅผ ํ๋ค. ํ์ด ๋ฆฌ๋ทฐ๋ 1๋ 1๋ก ์๋ก์ ์ฝ๋์ ๋ํด์ ๋ฆฌ๋ทฐ๋ฅผ ํ๊ณ , PR์ ๋๊ธ์ ๋จ๊ธฐ๋ ์์ผ๋ก ์งํํ๋ค. ์ฌ์ค ์ ๋ฒ ์ฃผ์ ๋ฏธ์ ์ด๊ธด ํ๋๋ฐ, ์ฃผ๋ง์ ์๊ฐ์ด ๋ง์ง ์์์ ์์์ผ ์ค์ ์ ์งํํ๋ค.
๋ฒ ๋ฅด์ ์ฝ๋๋ฅผ ๋ณด๋ฉด์๋ ๋ฐฐ์ด ์ ์ด ๋ง์๋ค. Symbol์ ํ์ฉํด์ debounce๋ฅผ ๊ตฌํํ ์ ์๋ค๋ ๊ฒ์ ์ ๋ง ์ ๋ฐํ๋ค. ๋ํ ๋ง๋ก ์ฝ๋๋ฆฌ๋ทฐ๋ ์ฌ๋ฌ ๋ฒ ํ์์ง๋ง ์ง์ ๋๊ธ์ ๋จ๊ธฐ๋ฉด์ ํ๋ ๊ฑด ์ฒ์์ด์๋๋ฐ, ๊ธ๋ก ๋จ๊ธธ ๋ ์ข ๋ ์์ธํ ์ค๋ช ํด์ผ ํด์ ์ข ์ด๋ ต๊ธฐ๋ ํ๋ค.
ํ์ด ๋ฆฌ๋ทฐ๋ฅผ ๋ง์น ๋์ฏค์ ๊ฐ๋จํ ํ๊ณ ๋ฅผ ํ๋ค. ํ์์ ๋ค๋ฅธ ์ฌ๋๋ค์ด PR์ ๋ ๋ฆฌ๊ณ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ์ ๊ฒ์ ๋ณด์ ์์ง๋ง, ๊ทธ๊ฒ์ ์ ๋ง ์ผ๋ถ๋ถ๋ง ๋ณด๋ ๊ฒ์ด์๋๋ฐ ์ด๋ฒ์ ํ์ด์ ๋ฆฌ๋ทฐํ๋ฉด์ ํ์ด์ ์ฝ๋๋ฅผ ๋ฉด๋ฐํ๊ฒ ๋ฏ์ด๋ณผ ์ ์๋ ๊ฒฝํ์ด์ด์ ์ข์๋ค. ๊ทธ์ ํ์ด๋ณด๋ ๊ฒ๊ณผ๋ ๋ฌ๋ฆฌ ๊น์ด ์๊ฒ ๋ณด๊ณ , ๊ถ๊ธํ ์ ์ ๋ํด ๋ฌผ์ด๋ณด๋ฉด์ ๋ด๊ฐ ๋ชฐ๋๋ ๊ฒ๋ค์ ์์๊ฐ ์ ์์๋ค.
Mission
์์์ผ 10์, ๋ฏธ์ ์ด ๊ณต๊ฐ๋์๋ค. ์ ๋ฒ ์ฃผ ๋ฏธ์ ์ ์ด์ด์ ์ฟ ํก ์ฌ์ดํธ์ ๊ธฐ๋ฅ์ ์ข ๋ ์ถ๊ฐํด ๋ณด๋ ๊ฒ์ด๋ค. ์ฃผ์ ์ฃผ์ ๋ Debounce & Throttling, MVC pattern์ด๋ค. ์ ๋งคํ๊ฒ ์๊ณ ์๋ Debounce, Throttling์ ์ ๋ง ์ ํ์ตํด์ผ๊ฒ ๋ค๊ณ ๋๊ผ๋ค. ์ด๊ฒ์ด ๋ฌด์์ธ์ง ์ง๋ฌธ์ด ๋ค์ด์ค๋ฉด ์ด๋ก ์ ์ธ ์ค๋ช ๊ณผ ํจ๊ป ๊ฐ๋จํ๊ฒ ์ฝ๋๋ก ๊ตฌํํ ์ ์์ ์ ๋๋ก.
์ฃผ๋ง์ ๋ฐ์ PR ์ฝ๋๋ฆฌ๋ทฐ๋ฅผ ๋ฐ์ํ์ฌ ๋ฆฌํฉํ ๋ง๋ ํด ๋ณด์๋ค. ๋ฆฌํฉํ ๋ง์ ํ๋ ์ค ๋ชจ๋ฅด๋ ๊ฒ ์์ด์ ์ ์ด ๋๊ณ ๊ณ ๋ฏผํ๋ค๊ฐ ๋ฐค์ ๊ธฐํ๊ฐ ์๊ฒจ์ ํํฌ์๊ฒ ์ง๋ฌธ์ ํ๋ค.
Class by Crong
์ค์ ๋ด๋ด ๋ณตํต์ผ๋ก ์ปจ๋์ ์ด ์ข์ง ์์์ ์ ๊น ๋์ ๋๋ฐ, 2์ ์์ ์ธ๋ฐ 15๋ถ ๋ฆ๊ฒ ์ฐธ์ฌํ๊ฒ ๋์๋ค. ์ฌ์๋๋ฐ๋ ๋์์ง์ง ์์์ ์ ์ ์ด ์๋ ์ฑ๋ก ๋ค์ด์ ์ข ์์ฌ์ ๋ค. ์์ฆ ๋ชธ ๊ด๋ฆฌ๋ฅผ ๊ทธ๋๋ ์ด์ฌํ ํ๋ ํธ์ธ๋ฐ๋ ์ด๋ ๊ฒ ์ปจ๋์ ์ด ์ข์ง ์์ ๊ฑธ ๋ณด๋ ๋ฉด์ญ๋ ฅ์ด ๋ง์ด ๋จ์ด์ง๊ฑด๊ฐ ์ถ๋ค. ๊ฑด๊ฐ์ด ๊ด์ฐฎ์ ๋๋ ์ํ ๋ ํจ์จ์ด ์ผ๋ง๋ ๋จ์ด์ง๋์ง ๋ชจ๋ฅด๊ณ ์์๋๋ฐ ๋ง์ ์กฐ๊ธ๋ง ์์ข์์ ธ๋ ํจ์จ์ด ๊ธ๊ฒฉํ๊ฒ ๋จ์ด์ง๋ค. ๊ฑด๊ฐ์ ์์ด ๋๊ณ ๋์ค์์ผ ํํํ์ง ๋ง๊ณ ๊ฑด๊ฐํ ๋๋ถํฐ ์ง์ผ์ผ ํ๋๋ฐ ์ฝ์ง ์๋ค. ๊ทธ๋๋ ํ์์ ๊พธ์คํจ์ผ๋ก ๋ ธ๋ ฅํด ๋ด์ผ๊ฒ ๋ค.
MVC ํจํด์ ๋ํด ์ค๋ช ์ค, Separation of concerns(๊ด์ฌ์ฌ์ ๋ถ๋ฆฌ)๋ผ๋ ๋ง์ด ๋์๋๋ฐ ์์ง ์ ๋ถ ์ดํดํ์ง ๋ชปํ์ง๋ง ํ๋ก๊ทธ๋จ์ ํ๋๋ก ํ์ณ์ ๋ง๋ค์ง ๋ง๊ณ ์์ ์กฐ๊ฐ์ผ๋ก ๋ถํ ํด์ ๋๋ ์ ๊ฐ๋ณ์ ์ผ๋ก ๋ง๋ค๋ผ๋ ๋๋์ด๋ผ๋ ๊ฒ์ผ๋ก๋ง ์ดํดํด๋ณด์๋ค.
'What I learned > CodeSquad Log' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
CodeSquad Day 53 : Front-end Week 6 (0) | 2022.03.24 |
---|---|
CodeSquad Day 52 : Front-end Week 6 (0) | 2022.03.23 |
CodeSquad Day 49 : Front-end Week 5 (0) | 2022.03.18 |
CodeSquad Day 48 : Front-end Week 5 (0) | 2022.03.16 |
CodeSquad Day 47 : Front-end Week 5 (0) | 2022.03.16 |