์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ๋ฐ๋ธ์ฝ์ค
- history api
- Props
- Gatsby
- ๋ธ๋ก๊ทธ
- ์ฝ๋ฉํ ์คํธ
- useRef
- ํ๋ก๊ทธ๋๋จธ์ค
- useEffect
- ์๊ณ ๋ฆฌ์ฆ
- ์๋ฐ์คํฌ๋ฆฝํธ
- CSS
- position
- Flex
- fetch API
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- REACT
- ํ๋ก ํธ์๋
- float
- Today
- Total
Daehyunii's Dev-blog
[๋ฐ๋ธ์ฝ์ค] WIL-15(10.24 ~ 10.30) ๋ณธ๋ฌธ
[๋ฐ๋ธ์ฝ์ค] WIL-15(10.24 ~ 10.30)
Daehyunii 2022. 10. 31. 00:15๋ฐ๋ธ์ฝ์ค ๊ณผ์ ์ด ์์๋๊ณ 2์ฃผ๊ฐ ์ง๋๊ฐ๋ค. ์ผ์ฃผ์ผ์ ์๊ฐ์ ์ฒ์ฒํ ํ๋ฌ๊ฐ๊ฒ ๊ฐ์๋ฐ ๋ง์ ์ง๋๊ณ ๋ณด๋ฉด ๋ฒ์จ 2์ฃผ๋ผ๋ ์๊ฐ์ด ์ง๋๊ฐ๋ค.. ๋ญ๊ฐ ์ด๋ ๊ฒ ๋นจ๋ฆฌ ์ง๋๊ฐ๋์ง,, ๋ญ๊ฐ ๋ง์๊ฑธ ๋ด๊ฐ ๊ณต๋ถํ๊ฒ ๊ฐ๋ค๋ ๋๋์ ์๋๋ฐ,, ํ๋ ์๊ฐ์ ์กฐ๊ธ ๋ฐ์ฑํ๊ฒ ๋๋ค.
์ด๋ฒ์ฃผ๋ ์ ์ฒด์ ์ธ ์ค๋ช ์ด ๋ง์๋ ๊ฒ ๊ฐ๋ค. ์๋ฅผ ๋ค๋ฉด ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ฅผ ์ ํธ๋ ๋ฐฉ๋ฒ? ๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ๊ณผ ์ ์ธํ ํ๋ก๊ทธ๋๋ฐ์ ์ฐจ์ด์ ๊ณผ ๊ฐ์ ์ค๋ช ๋ค์ด ๋ง์๋ ํ ์ฃผ๋ฅผ ๋ณด๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋๋ ์ด๋ฐํ ๋ถ๋ถ๋ค์ด ๊ต์ฅํ ๋ง์์ ๋ค์๋ ๊ฒ ๊ฐ๋ค. ๋ด๊ฐ ์๊ฐํ๋ ๊ฐ๋ฐ๊ณต๋ถ๋ฅผ ํ ๋ ๊ฐ์ฅ ํฐ ๋ฌธ์ ๋ "์ด๋ ๊ฒ ์ฝ๋๋ฅผ ์์ฑํ๋, ์ ๋ ๊ฒ ์ฝ๋๊ฐ ๋์ค๋๋ผ"์ฒ๋ผ ์๋ฆฌ๋ฅผ ์๋ ๊ฒ์ด ์๋ ์ฌ๋ฌ ๋ฒ ์ฌ์ฉ์ ํตํด ๋จ์ํ ์ตํ๋ ๊ณต๋ถ๋ฒ์ด ๊ฐ์ฅ ์ํํ ๊ณต๋ถ๊ฐ ์๋๊น ์๊ฐ๋๋ค. ๊ทธ๋์ ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ ๋ค์ด๋ธ์ ์กฐ๊ธ ๋ ์ง์ฐฉ์ ํ๊ณ ์๋ค. ๋ฌผ๋ก ์ฝ๋๋ฅผ ๋ง์ด ์์ฑํ๊ณ ์ฐ์ตํ๋ ๊ฒ์ ๋๋ฌด ์ค์ํ์ง๋ง, ๊ทธ๊ฒ๊ณผ ๋๋ถ์ด ํจ๋ฌ๋ค์, ๋์ ์๋ฆฌ์ ๊ฐ์ ๊ฒ๋ค์ ํจ๊ป ์๊ณ ๊ณต๋ถ๊ฒ ์ค์ํ ๋ถ๋ถ์ด๋ผ๊ณ ์๊ฐํ๋ค. ๊ทธ๋ฆฌ๊ณ ์ด๋ฒ์ฃผ๋ ๊ทธ๋ฌํ ์๋ก (?)์ ์ธ ๋ด์ฉ์ ๊ฐ์๋ค์ด ๋ง์์ ์ข์๋ ๊ฒ ๊ฐ๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ ์ค์์ ๊ผญ ์ ๋ฆฌ๋ฅผ ํด ๋์ด์ผ ํ ๋ถ๋ถ์ด ์์ด, ์ ๋ฆฌ๋ฅผ ํด๋ณด๊ณ ์ ํ๋ค. ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ฅผ ํธ๋ ๊ฒ๊ณผ ๊ด๋ จํ์ฌ ๊ฐ์ถฐ์ผํ ๋์ ํ๋(?)๋ฅผ ์ ๋ฆฌํด๋ณด๊ณ ๋ฆฌ๋ง์ธ๋ ํด๋ณด๋ ค ํ๋ค.
์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ฅผ ํ๋๋?
- ํญ์ ์ฌ๋ฌ๊ฐ์ง ํ์ด ๋ฐฉ๋ฒ์ด ์์ ์ ์๋ค๋ ๊ฒ์ ๊ธฐ์ตํ์
- ํญ์ ์์ธ๊ฐ ์์ ์ ์๋ค๋ ๊ฒ์ ๊ธฐ์ตํ์
- ๋ด๊ฐ ์์ฑํ ๋ต์ด ์ต์ ์ ๋ต์ธ์ง ์์ฌํ์
- ๋ฌธ์ ๋ฅผ ํ์๋ฐ๋ฉด ์ํ์ฐฉ์ค๋ฅผ ์ค๋ต๋ ธํธ ์ฒ๋ผ ๋ชจ๋ ๊ธฐ๋กํ์
- ๋ค๋ฅธ ์ฌ๋์ ํ์ด๋ฅผ ๋ง์ด ๋ณด์
- ์ฝ๊ฒ ๋ฌธ์ ๋ฅผ ํฌ๊ธฐํ์ง ๋ง์ ๊ทธ๋ผ์๋ ๋ชจ๋ฅด๊ฒ ๋ค๋ฉด ๋ต์ ๋ณด๋ ๊ฒ๋ ์ข์ ๋ฐฉ๋ฒ์ด๋ค.
์๊ณ ๋ฆฌ์ฆ์ ๊ณต๋ถํ ๋๋?
- ์๊ฐ์ ์ธ ์ฌ์ดํธ์ ๋์์ ๋ฐ์(VisuAlgo)
- ๊ณต๋ถํ๋ ์๋ฃ๊ตฌ์กฐ์ ์๊ณ ๋ฆฌ์ฆ์ด ์ด๋์ ์ฐ์ผ์ง ์๊ฐํ๋ฉด์ ๊ณต๋ถํ์
๋ง์๊ฐ์ง?
- ์๊ณ ๋ฆฌ์ฆ ๋ง์คํฐ๊ฐ ๋ ํ์๋ ์๋ค. ๊ธฐ์ด๋ฅ๋ ฅ์ ํ์ธํ๊ณ ์ถ์ ๋ฟ์ด๋ค.(๋ฌผ๋ก ํ์ฌ๋ง๋ค ์ฝ๊ฐ์ ์ฐจ์ด๋ ์๋ค)
- ์ฝ๋ฉ ๋ฅ๋ ฅ๊ณผ ๋ ผ๋ฆฌ์ ์ธ ์ฌ๊ณ ๊ฐ ์ค์ํ ๋ฌธ์ ๋ฅผ ์ถ์ ํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ํด๊ฒฐ ๋ฅ๋ ฅ์ ๊ธฐ๋ฅด๋ ๊ฒ์ด ์ข๋ค.
์ฝ๋ฉ ํ ์คํธ๋ฅผ ์ ๋ณด๋ ๋ฐฉ๋ฒ?
- ์์ ์ ์ฑํฅ์ ์ ํ์ ํ์. ์์ฌ ์ฝ๋๋ฅผ ๋ฏธ๋ฆฌ ์์ฑํด์ผ ๋ ์ ํ๋ฆฌ๋ ์ฌ๋์ด ์์ ์ ์๊ณ ์ผ๋จ ์ฝ๋๋ฅผ ์์ฑํ๋ฉด์ ์๊ฐํด์ผ ๋ ์ ํ๋ฆฌ๋ ์ฌ๋์ด ์๋ค.
- ์ฝ๋์ ์ฃผ์์ ๋ฌ๊ฑฐ๋ ๋ ธํธ์ ๋ฉ๋ชจํ๋ฉด์ ๋ฌธ์ ๋ฅผ ํ์ด๋๊ฐ์
- ๋๋ฒ๊น ์ ํ์
- ๋ฌธ์ ๋ฅผ ์ ์ฝ๋ ๊ฒ์ ์ต์ํด์ง์
- ์๊ฐ๋ณต์ก๋๋ฅผ ๊ณ์ผํ๋ ๊ฒ์ ์ต์ํด ์ง์
- ์ฃ์ง ์ผ์ด์ค๋ฅผ ์๊ฐํ๋ ๊ฒ์ ์ต์ํด ์ง์
์ด ์ ๋ ์ ์์ ๊ฐ์ฌ๋์ด ์ ๋ฆฌ๋ฅผ ํด์ฃผ์ จ๋ ๊ฒ ๊ฐ๋ค. ์์ ๋ด์ฉ์ ์ค์ ๊ฒฝํ์ ํ ๋๋ก ๋ง์ํด ์ฃผ์ ๋ด์ฉ์ด๊ธฐ์ ์ฑ ์์๋ ์ฐพ์๋ณผ ์ ์๋ ๊ทํ ๋ด์ฉ๋ค์ด๋ค. ์์ผ๋ก ๊ณต๋ถํด ๋๊ฐ์ผํ ๋ถ๋ถ๋ค์ด ์ ๋ง ๋ง์ง๋ง ๊ทธ ์ค ๊ผญ ํด์ผํ๋ ๊ฒ๋ค์ค ํ๋๊ฐ ๋ฐ๋ก ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ์์ ๋ด์ฉ๋ค์ ์ ๊ธฐ์ตํด์ผ๊ฒ ๋ค.
์ด๋ฒ์ฃผ๋ฅผ ๋ง๋ฌด๋ฆฌ ํ๋ฉฐ
์ด๋ฒ์ฃผ๋ ์ ์ฒด์ ์ธ ๊ฐ์๊ฐ ์ดํดํ๋๋ฐ ์ด์ ์ด ๋ง์ถฐ์ก๋ ๊ฒ ๊ฐ๋ค. ๊ทธ๋์ ๊ฐ์ธ์ ์ผ๋ก ๊ณต๋ถํ ์ ์๋ ์๊ฐ์ด ๊ฝค ๋๋ํ๊ฒ ์์๋๊ฒ ๊ฐ๋ค. ๊ทธ๋์ ์ด๋ฒ์ฃผ๋ฅผ ํํ Modern Javascript Deep Dive๋ฅผ ๊ณ์ํด์ ๋ณต์ตํ๋ ํ ์ฃผ๋ฅผ ๋ณด๋๋๊ฒ ๊ฐ๋ค. ์๋๋ ์ด๋ฒ์ฃผ์ ์ฑ ์ ์ฒด๋ฅผ ํ ๋ฒ ๋ค ๋ณด๋๊ฒ์ด ๋ชฉํ์์ง๋ง,, ๋ง์ ์ฝ๊ธฐ์์ํ๋ ์๊ฐ๋ณด๋ค ์ฝ์ง๋ ์์๋ค. ์ ์ฒด ๋ด์ฉ์์ 60%์ ๋ ๋ณต์ตํ ์ ์์๋๊ฒ ๊ฐ๋ค. ๋น ๋ฅด๊ฒ ์ฑ ์ ์ฝ๊ณ ๋ฆฌ์กํธ๋ฅผ ๊ณต๋ถํด ๋ณด๊ณ ์ถ๋ค. ๋ค์์ฃผ๋ ์๋ก์ด ๊ณผ์ ์ ๋ ๊ธฐ์กด ๊ณผ์ ์ ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ์ํด์ผ ํ๋(?) ์์ฃผ ๋ฐ์ ํ ์ฃผ๋ฅผ ๋ณด๋ด์ง ์์๊น ์ถ๋ค,,, ๊ทธ๋์ ์กฐ๊ธ ๋ ์๊ฐ์ ๋ง๋ค์ด ๋นจ๋ฆฌ ์ฑ ์ ํ ๋ฒ ๋ค ์ฝ๋๊ฒ์ด ๋ชฉํ์ด๋ค!!!!!! ๋ค์ ์ฃผ๋ ํ์ดํ ์ด๋ค!!!
'๐ 2022. WIL > September, October (๋ฐ๋ธ์ฝ์ค)' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[๋ฐ๋ธ์ฝ์ค] WIL-14(10.14 ~ 10.23) (0) | 2022.10.25 |
---|---|
[git/github] WIL-13(10.04 ~ 10.08) (1) | 2022.10.08 |
[ํ๋ก๊ทธ๋๋จธ์ค(๋ฐ๋ธ์ฝ์ค 3๊ธฐ) ๋ฉด์ ํ๊ธฐ] WIL-12(9.19 ~ 9.26) (1) | 2022.10.05 |
[ํ๋ก๊ทธ๋๋จธ์ค(๋ฐ๋ธ์ฝ์ค 3๊ธฐ) ์ฝ๋ฉํ ์คํธ ํ๊ธฐ] WIL-10, 11(8.1 ~ 9.16) (1) | 2022.09.21 |
[์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ์ด ๊ธฐ์ด๊ฐ์] WIL-9 (8.29 ~ 9.04) (0) | 2022.09.06 |