์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- ํ๋ก์ ํธ
- ์๋ฌ
- PROJECT
- ํจ์
- NEXT
- ํ๋ก ํธ์๋
- ๋ด์ผ๋ฐฐ์์บ ํ
- rn
- Redux
- native
- ํ์
- Firebase
- K-Digital
- ๋ด์ผ๋ฐฐ์
- react
- ๊ฐ๋ฐ์
- ํ์ค
- ์๋ฐ์คํฌ๋ฆฝํธ
- wil
- ๋ถํธ์บ ํ
- ์๊ณ ๋ฆฌ์ฆ
- ์ฝ๋ฉ
- API
- ๋ฆฌ์กํธ
- JS
- trainning
- JavaScript
- ๋ณ์
- ์จ๋ผ์ธ
- type
- Today
- Total
Frontend ๊ฐ๋ฐ์ - hyo.loui
WIL - [23.04.03 ~ 23.04.09] ๋ณธ๋ฌธ
๐ WIL: Weekly I Learned
Work done this week
์ด๋ฒ ์ฃผ ๋๋ธ ์ผ!
- ํฐ์คํ ๋ฆฌ ํฌ์คํ = ๋งค์ผ TIL ์ผ์ง (Study ๋ด์ฉ ๊ธฐ๋ก)
- ์ทจ์ ์คํฐ๋ = ๋งค์ผ ๊ธฐ์ ์ง๋ฌธ 2๋ฌธ์ , ์ด๋ ฅ์ ํผ๋๋ฐฑ
- React : ํ๋ฆฌ์จ๋ณด๋ฉ ํ๋ก ํธ์๋ ์ฑ๋ฆฐ์ง = ๊ฐ์ ์๊ฐ ( ์ํฐ๋ ์ฃผ๊ด Zoom ๊ฐ์ )
- ๋งค์ผ ์คํฐ๋ ํ๋ = ์๋ฃ๊ตฌ์กฐ, ์๊ณ ๋ฆฌ์ฆ ( ๋ฐํ์๋ฃ ๋ธ๋ก๊ทธ ํฌ์คํ ์์ฑ )
- ๋งค์ผ ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ์ด = ํ๋ก๊ทธ๋๋จธ์ค ( ๋งค์ผ 2๋ฌธ์ )
Study review
์๋ฃ๊ตฌ์กฐ, ์๊ณ ๋ฆฌ์ฆ์ ๋ฐํํ๋ฉด์ ๋๋์ ์
๋ด๊ฐ ์ง๊ธ๊น์ง ์๊ณ ๋ฆฌ์ฆ ํ์ด ๋ฐฉ๋ฒ์ด ๋๋ฌด ๋ง ํ์๋ค๊ณ ์๊ฐํ๋ค.
์ด๋ ๊ฒ ๋ง์ ๋ฐฉ๋ฒ๋ก ๊ณผ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ฅผ ์์งํ๊ณ ๊ณต๋ถํ๋ค๋ฉด
์ผ๊ด์ฑ์๋ ์๊ณ ๋ฆฌ์ฆ ํ์ด๋ฅผ ํ์ ๊ฒ ๊ฐ๋ค.
ํ์ง๋ง, ๋๋ง์ ํ์ด ๋ฐฉ๋ฒ๋๋ก ์งํํ๋ฉด์
์ง๊ธ๊น์ง ์๊ฐํ์ง ์์๋ ์ฐฝ์์ ์ธ ์๊ฐ๋ ์กฐ๊ธ์ฉ ๋ฌป์ด๋์จ ๊ฒ ๊ฐ๋ค.
์ด์ ๋ฌธ์ ํ์ด๋ฅผ ํ๋ฉด์ ๋ด๊ฐ ํ์ตํ๋ ๊ฒ(์ด์งํ์ํธ๋ฆฌ, DFS, BFS)์ ๋์ ํ๋ ์ฐ์ต์ ํด์ผ๊ฒ ๋ค.
ํ๋ฆฌ์จ๋ณด๋ฉ ์ฑ๋ฆฐ์ง review
React๋ฅผ ์ฌ์ฉํ๋ฉด์ ๊น๊ฒ ์๊ฐํด ๋ณด์ง ์์ ๋ด์ฉ(๊ฐ์๋, ์ค์ ๋)๋ค์ ๋ค๋ค๊ณ
ํต์ฌ์ผ๋ก React v18.0 ์ ์ ๊ธฐ๋ฅ์ ๋์ ํด์ ํฅ๋ฏธ๋ก์ด ๊ฐ์์๋ค.
๋ํ vite(๋น)์ ์๋ก ์๊ฒ๋์๋ค.
ํ๋์ค์ด๋ก '๋น ๋ฅด๋ค'๋ผ๋ ๋ป์ผ๋ก
์ด์ ๊น์ง๋ Create React App ์ด ๋ฆฌ์กํธ์ ์ฃผ๋ ๋น๋ํด ์ด์๋ค๋ฉด,
์๋กญ๊ฒ ์ถ์ ํ ๋น๋ํด์ด๋ค.
์ฃผ์ ์ฅ์ ์ผ๋ก๋ build ์ ์ฒด๊ฐ์๋๊ฐ ์นํฉ๋ณด๋ค ๋งค์ฐ ๋น ๋ฅด๋ฉฐ
์ค๋ฌด์์ ๊ธํ ๋ฒ๊ทธ๋ฅผ ์ฒ๋ฆฌํ๊ธฐ ์ํ hotfix๋ฅผ ์งํํ ๋ ํกํกํ ํจ๊ณผ๋ฅผ ๋ณผ ์ ์์ผ๋ฉฐ,
์ฃผ์ ๋จ์ ์ผ๋ก๋ lazy component๋ฅผ ์ ์ฉํ ์ ์๋ค.
dynamic import๋ rollup ์ค์ ์ ํตํด ์ฌ์ฉ ๊ฐ๋ฅํ์ง๋ง lazy component์ ๊ฒฝ์ฐ vite/rollup ๊ตฌ์ฑ์์ ์ง์์ด ์๋๋ค.
์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ์ด
๋งค์ผ 2๋ฌธ์ ๋ฅผ ํ๋ฉด์ ๋๋์ ์ vanilla javascript์ ์์ฒด ๋ฉ์๋๊ฐ
๋ง์ง๋ง, ๋ชฉ์ ์ ๋ง๊ฒ ์ ์ฌ์ฉํ๊ณ ์์ ์ต์ผ๋ฉด ์์ฃผ ์ฝ๊ฒ ํ ์ ์์ ๊ฒ ๊ฐ์๋ค.
0๋ ๋ฒจ์ ๋ง๋ฌด๋ฆฌํ๊ณ 1๋ ๋ฒจ๋ก ๋์ด๊ฐ๋๋ฐ ์์ง ์ด๋ฐ์ด๋ผ ๊ทธ๋ฐ์ง ์๊ฐ๋ณด๋ค๋
์กฐ๊ธ๋ง ์๊ฐํ๋ฉด ํ ์ ์์๋ค.
์ด๋ฌํ ๋ฌธ์ ๋ฅผ ์์ผ๋ก ํ์ด๋๊ฐ๋ฉด์ ํ์ตํ ์๋ฃ๊ตฌ์กฐ, ์ ๋ ฌ, ํ์์ ๋์ ํด์ ํ๋ฉด
์ข์ผ๋ จ๋ง ์์ง ๋ฐฐ์์ผ ํ ๊ฒ๋ค์ด ๋ง๋ค.
2023 ์ฌ ํํด๋ ๋ชจ๋ ๊ฒ์ ์์ ๋ชฐ์ ํด๋ณด์!
๐ฆพ ๋น ์ดํ ๊ทธ.
'WIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
WIL - [23.04.17 ~ 23.04.23] (0) | 2023.04.23 |
---|---|
์ ์ ํ๋ก ํธ์๋ ๊ธฐ์ ๋ฉด์ ์ง๋ฌธ ๊ณต์ (0) | 2023.04.22 |
WIL - [23.03.27 ~ 23.04.02] (0) | 2023.04.03 |
(React) WIL - 17์ฃผ์ฐจ ํ๊ณ (0) | 2023.02.25 |
(React) WIL - 16์ฃผ์ฐจ ํ๊ณ (1) | 2023.02.23 |