CodeSquad๐นDay 61
Team Project
์ฒซ ํ ํ๋ก์ ํธ๋ก ํ์์ ํธ์ด๊ฐ ๋์๋ค. ํ์ ์๊ณ ๋ฆฌ์ฆ ์คํฐ๋๋ฅผ ๊ฐ์ด ํด์์ ๋ฐ๋ก ์์ด์ค ๋ธ๋ ์ดํน ์๊ฐ์ด ํ์ํ์ง ์์๋ค. ์ฐ๋ฆฌ๋ ์ด๋ฒ ํ๋ก์ ํธ์ ๋ชฉํ, ๊ทธ๋ผ์ด๋ ๋ฃฐ, ์ปค๋ฐ ๊ท์น, ๋ธ๋์น ๊ตฌ์กฐ๋ฅผ ์ ํด๋ณด์๋ค. ํ๋ก๊ทธ๋๋ฐ ์๊ตฌ์ฌํญ ์ค Webpack๊ณผ Babel์ ์ฌ์ฉํด์ ๊ธฐ๋ณธ์ ์ธ ํ๊ฒฝ์ ๊ตฌ์ฑํด์ผ ํ๋ ๊ฒ์ด ์์๋ค. ์ฐ๋ฆฌ ๋ ๋ค ์นํฉ์ ์ ๋ชจ๋ฅด๊ธฐ ๋๋ฌธ์ ์ํ์ฝ๋ฉ์ ์นํฉ ๊ฐ์๋ฅผ ๋ฃ๊ณ ๊ฐ์ ์ก์๋ณด๊ธฐ๋ก ํ๋ค.
Class by Crong - Webpack, Babel
์ด๋ฐ์๋ ํ ํ๋ก์ ํธ๋ฅผ ์ด๋ค ์์ผ๋ก ์งํํด์ผ ํ๋์ง์ ๋ํ ์กฐ์ธ๋ค๊ณผ ์ด์ผ๊ธฐ๋ฅผ ์์ฃผ๋ก ํ๋ค. 4์์ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฐ๊ธฐ ๋๋ฌธ์ JS์ ์ต์ํด์ง ์ ์๋ ์๊ฐ์ด ๋ ์๊ฒจ์ ์ข์๋ค. React๋ 5์๋ถํฐ ์์ํ๋ค.
์ฌ๋ ์๊ฐ ์ดํ ๋ ๋ฒ์งธ ์๊ฐ๋ถํฐ๋ ๋น๋ ํด์ ์ ์จ์ผํ๋์ง, ๋ธ๋ผ์ฐ์ ํธํ์ฑ์ ๊ด๋ จํ ์ด๋ก ์ ์ธ ์ค๋ช ์ ๋ค์๋ค. ๊ทธ ํ Webpack ์ค์ต์ด ์งํ๋์๋ค. ํฐ๋ฏธ๋์ ์ผ์ ์ง์ npm์ผ๋ก ์ค์น๋ฅผ ํด๋ณด๊ณ , config ํ์ผ๋ค์ ๋ง๋ค์ด ๊ฐ๋ณด๋ฉด์ ์ด๋ฐ ํ๋ฆ์ผ๋ก ์ค์ ํด ๋๊ฐ๋ค๋ ๊ฒ์ ์ด๋ ดํ์ด ๊ฐ์ ์ก์ ์ ์์๋ค.
Algorithms
๋ด์ผ ์๊ณ ๋ฆฌ์ฆ ์คํฐ๋๋ฅผ ์ํด์ ํ๋ก๊ทธ๋๋จธ์ค์์ 1๊ฐ, LeetCode์์ 1๊ฐ ์ด 2๋ฌธ์ ๋ฅผ ํ์๋ค.
ํ๋ก๊ทธ๋๋จธ์ค์ ๋ ๋ฒจ 2 ๋ฌธ์ ๋ฅผ ํ๋ฉด์ ์ ํด๋ฆฌ๋ ํธ์ ๋ฒ์ ๋ณต์ตํ๊ฒ ๋์๋ค.
LeetCode ๋ฌธ์ ๋ Binary Search Tree๋ฅผ ์ํํ๋ ๊ฒ์ ๋ณต์ตํ๊ฒ ๋์๋ค.
Code Review with Jinnie, Alan
๋ฐค 12์์ ๊ฒ๋ํ์ด์์ ๋ง๋, ์ด์ ์ ์ผ๋ก ๋ฆฌ๋ทฐ๋ฅผ ํ ๋์ 1์๊ฐ 30๋ถ ํ์ ๋์ด ๋ฌ๋ค. ์๋ ์ ๋ฒ ์ฃผ์ ํ์ด์ผ ํ๋ ์ฝ๋ ๋ฆฌ๋ทฐ์ด์ง๋ง ์คํ๋ ค ์ฝ๊ฐ ๋ฆ๊ฒ ํ๋ ๋ณต์ต๋ ๋์ด์ ์ข์๋ค. ์จ๋ฐ์ด ์ ์ฉํ MVVM ํจํด์ ๊ทธ๋ฅ ๋ดค์ ๋๋ ์ ๋ง ์ดํดํ๊ธฐ ์ด๋ ค์ ๋๋ฐ ์์ธํ ์ค๋ช ์ ๋ฃ๊ณ , ๋ชจ๋ฅด๋ ๊ฒ์ ๊ทธ๋๊ทธ๋ ์ง๋ฌธํด์ ํด์๋ฅผ ํ๋ ์ด๋์ ๋ ์๋ฟ๊ฒ ๋์๋ค. ํนํ ์์กด์ฑ์ ์ค์๋ค๋ ์ ๊ณผ ๊ทธ ๊ณผ์ ์์ ์จ๋ฐ์ ์๊ฒฌ์ ๋ค์ ์ ์๋ ๊ฒ์ด ์ ์ตํ๋ค.
๋๋ ํฉ์ค์ผ ๊ฐ๋ฐ์ ์ปดํฌ๋ํธ๋ฅผ ๋ด๊ฐ ์ด๋ค ์๊ฐ์ ๊ฐ์ง๊ณ ํด๋ ๊ตฌ์กฐ๋ฅผ ์งฐ๋์ง์ ๋ํด์ ์ค๋ช ์ ํ๋ค. Store ์ ์ฉ๋ ๋ด๊ฐ ์ ์ฉํ ๊ฒ๊น์ง ๊ฐ๋จํ ์ค๋ช ํ๋ค. ํ์ฌ ํ์ผ ํ๋๋ก ๋์ด ์๋ ๋ฐฐ๋ ๋ถ๋ถ์ Carousel๊ณผ Thumbnail๋ก ์ชผ๊ฐ๋ฉด ์ด๋ป๊ฒ ๋๋ ํผ๋๋ฐฑ์ ๋ค์๊ณ , ๋ฐ๋ก ์ ์ฉํด ๋ณด๊ณ ์ถ๋ค๋ ์๊ฐ์ด ๋ค์๋ค. ํ ํ๋ก์ ํธ๋ฅผ ํ๋ ๋ฎ ์๊ฐ ์ด์ธ์ ์งฌ์ ๋ด์ ํ ๋ฒ ์๋ํด ๋ณด๊ณ , ๋ค์ ๋ฆฌ๋ทฐ๋ฅผ ํด ๋ณผ ๊ณํ์ด๋ค.
์์ฆ ๊ฒ๋ํ์ด๊ณผ ์ค์ ํ ๋ฒ์ ํ์ด๋์ผ๋ฉด ๋ ธํธ๋ถ์ด ๋ง์ด ํ๋ค์ดํ๋ค. ์ด์ ์ ์ด์ด ์ค๋๋ ๊ฐ์ ์ข ๋ฃ๋ฅผ ํด์ผ ํ๋ค. ๊ฒ๋ํ์ด, ์ค ๋ง๊ณ ๋ VS Code์ ๋ธ๋ผ์ฐ์ , ๋ ธ์ ๋ฑ์ ๋ค์ํ๊ฒ ํ ๋ฒ์ ์ผ๋์ผ๋ ์์ ํ ๋ฉ์ถฐ๋ฒ๋ ธ๋ค. ์ด๋ด ๋ ๋น ๋ฐฉํ๊ฒ ๋์๊ฐ๋ ๋ฐ์คํฌํ ์ปดํจํฐ๋ฅผ ์ฐ๊ณ ์ถ๋ค๋ ์๊ฐ๋ ๋ ๋ค. ํ์ง๋ง ์ง๊ธ์ ์ผ๋จ ๋ ธํธ๋ถ์ผ๋ก ๋ฒํ จ์ผ ํ๋ค.
'What I learned > CodeSquad Log' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
CodeSquad Day 63 : Team Project Week 1 (0) | 2022.04.07 |
---|---|
CodeSquad Day 62 : Team Project Week 1 (0) | 2022.04.06 |
CodeSquad Day 60 : Front-end Week 7 (0) | 2022.04.02 |
CodeSquad Day 59 : Front-end Week 7 (0) | 2022.04.01 |
CodeSquad Day 58 : Front-end Week 7 (0) | 2022.03.31 |