ํฐ์คํ ๋ฆฌ ๋ทฐ
Front-end ๐ฅ๐ค/๋ฉ์์ด์ฌ์์ฒ๋ผ๐ฆ
[๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 3๊ธฐ] 8์ฃผ์ฐจ WIL
stable_sound 2022. 10. 24. 10:49โ ๊ธฐ๊ฐ : 2022.10.17-2022.10.20
๐FACT
- ์ง๋ฌธ์ ๋ํ ๊ฐ๋ฐ(?)์ด๋ผ๊ณ ํด์ผํ ๊น ์๋ฌดํผ ์ง๋ฌธ์ผ๋ก ์ธํด ์คํฐ๋์ ๋ถ๋ด์ ๋๊ผ๋ค.
- ๋ชธ์ด ํ๋ฒ ํ ์ํ๊ณ ๋๋ ์์ํ๊ฒ ๊ณ์ ์์ข์๋ค. → ์ด์ด ์๊พธ๋์ ์ด๋์ ์ผ์ฃผ์ผ ์ฌ์๋ค.
- ๋ถ์กฑํ ๋ถ๋ถ ๋ณต์ต์ ๊ฝค ๋ง์ด ํ๋ค. (๋น๋๊ธฐ, async, await, event ์บก์ฒ๋ง๊ณผ ๋ฒ๋ธ๋ง)
- ์์ค ์คํฐ๋์ ์ฐธ์ฌํ๋ค.
- ํผ์๊ณต๋ถํ๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ฑ ์ ๊ตฌ๋งคํ๋ค.
- ์ด๋ ฅ์ ํน๊ฐ์ ๋ค์๋ค.
- ๋ฉ์ฌ ์ํ์ ๋ค๋ ์๋คโค๏ธ๐ฅ
๐FEELING
- ์จ๋ผ์ธ์ผ๋ก๋ง ์์ ์ ๋ฐ์ผ๋ฉด์ ํ๊ณ ์กฐ ์ด์ธ์ ๋ค๋ฅธ ์ฌ๋๋ค์ด ์ง์ง ๋์ ํจ๊ป ๊ฐ๋ ์ฌ๋์ด๊ตฌ๋๋ฅผ ์ ๋๋ก ๋๋ผ์ง ๋ชปํ์๋ ๊ฒ ๊ฐ๋ค. ํผํฌ๋์ ํตํด์ ์จ๋ผ์ธ์ผ๋ก๋ง ๋ณด๋ ์ฌ๋๋ค์ ์ง์ ๋ง๋๊ณ , ์ด ์ฌ๋๋ค์ด ์ง์ง ๋์ ๊ฐ์ ๊ธธ์ ๊ฐ๊ณ ์๋ ์ด์ ๋์น๋ ์ฌ๋๋ค์ด๊ตฌ๋๋ฅผ ์๊ฒ๋๋๊น ์๋ก์ ๋ค. ๋ญ๊ฐ,, ๋ค์ ์๋กญ๊ฒ ์์ํ๋ ๊ธฐ๋ถ?
- ๋ณต์ต์ ๊ฝค ํด์ ๊ธฐ๋ถ์ด ์ข์๋ค. ๋ถ์กฑํ๋ค๋ ๊ฒ์ ์๊ธฐ๋ง ํ๋ ๊ฒ ์๋๋ผ ์ฑ์ฐ๊ธฐ ์ํด ์ค์ฒํ๋๊ฒ ๋น์ฐํ๋ฐ ๊ทธ๋ ๊ฒ ํ๋ํ์ง ๋ชปํ์ด์ ๊ทธ๋ฐ๊ฐ ์ด ์์ ์ค์ฒ์ด ๋์๊ฒ๋ ํฐ ๋ฟ๋ฏํจ์ผ๋ก ๋ค๊ฐ์๋ค.
- ์๋ฒฝํ์ง ์์์๋ ๋ถ์กฑํ ๊ตฌ๋ฉ์ ์ฑ์ฐ๊ณ ์ํ๋ ์ด์ ์ด๋ ํธ๊ธฐ์ฌ์ด ์๋ค๋ ๊ฒ์ ์ง๋ ๋ช ์ฃผ๊ฐ ๊ต์ฅํ ์คํธ๋ ์ค๋ฅผ ๋ฐ์์๋ค. ‘๋๋ ์ ์ง๋ฌธ์ ํ์ง ์๋๊ฐ? , ๋๋ ๊ถ๊ธํ๊ฒ ์๋? ๋ค ์๋ค๋ ๊ฑด๊ฐ?’ ๋ฑ์ ๊ณ ๋ฏผ์ ์ค์ค๋ก์๊ฒ ๋์์์ด ํด์๊ณ ๊ฒฐ๊ตญ์๋ ์คํฐ๋์ ๋ํ ๋ถ๋ด๊น์ง ์๊ธฐ๊ณ ๋ง์๋ค. ์คํฐ๋์์๋ ๋งค์ผ ์ผ์ ๋ถ๋์ ์ฝ๊ณ ๊ถ๊ธํ ์ , ๋ชจ๋ฅด๊ฒ ๋ ์ ์ ์ด์ผ๊ธฐํ๋๋ฐ ๋ถ๋ช ๋ค ์ดํดํ๊ฒ ์๋์๋ ๋ชจ๋ฅด๊ฒ ๋ ๋ถ๋ถ์ ์ด๋ป๊ฒ ์ง๋ฌธํด์ผ ํ ์ง ์กฐ์ฐจ ๋ชจ๋ฅด๊ฒ ์ด์ ๋๋ฌด ์คํธ๋ ์ค์๋ค. → ํจ๊ป ์คํฐ๋ํ๋ ํ๊ณ ์กฐ ์๋ค์๊ฒ ํธ์ด๋์๊ณ ์คํฐ๋์ฅ์ธ ํ๊ณ ์กฐ ์๊ป์ ๋์ ๊ณ ๋ฏผ์ ์ดํดํ๊ณ ๋ฐฐ๋ คํด์ฃผ์ จ๋ค. ๊ทธ๋ฆฌ๊ณ ๋์ ๊ฐ์ ๊ณ ๋ฏผ์ ํ๋ ์กฐ์์ด ์์ด์ ๋ต๋ตํ๋ ๋ง์์ด ์กฐ๊ธ ํธํด์ก๋ค. ๊ฐ์ฌํฉ๋๋ค…ใ ใ ๐ซถ๐ป
- ์ด๋ ฅ์ ํน๊ฐ์ ๋ฃ๊ณ ์ถฉ๊ฒฉ๋ฐ์๋ค. ์์ ํ ๋ง์ด๋์ค ์์๋ง ๊ฐ๋ํ ๋ธ๋ก๊ทธ๋ฅผ ์จ์๋ค๋ ,,ใ ใ ใ ๋ฐฉํฅ์ฑ์ ๋๋ฃ ๋ถ๋ค์ ์ด๋ ฅ์ ํผ๋๋ฐฑ์ ํตํด ๋ง์ด ์๋ ค์ฃผ์ จ์ง๋ง ํธ๊ธฐ์ฌ์ด 0์ ์๋ ดํ๋ ๋์๊ฒ๋ ์ด๋ ค์ด ๋ฐฉํฅ์ฑ์ด๋ค. ๊ณ ๋ฏผ์ ํด๋ด์ผ๊ฒ ๋ค.
๐FINDING
- ์ด๋ ฅ์ ์๊ธฐ ์๊ฐ ๋ถ๋ถ, ํ๋ก์ ํธ ์๊ฐ, ๋ธ๋ก๊ทธ ์์ฑ ๋ฐฉํฅ ๋ฑ ์ ์ฒด์ ์ผ๋ก ์ด๋ป๊ฒ ์ด๋ ฅ์๋ฅผ ์์ฑํด์ผํ๋์ง์ ๋ํด ์ ์ ์์๋ค.
- ๊ทผ๊ฑฐ๋ฅผ ์์ฑํ๊ธฐ
- ๋ด๊ฐ ํ ์ผ์ ๋ํด ๊ตฌ์ฒด์ ์ผ๋ก ์์ฑํ๊ธฐ (๋จ ๊ทธ ๋ถ๋ถ์ ๋ํด ์์ธํ๊ฒ ์์งํ๊ธฐ)
- ๋ธ๋ก๊ทธ๋ ๋ด๊ฐ ๊ถ๊ธํ๋ ๋ถ๋ถ, ์๋ฏธ์๋ ๋ด์ฉ ์์ฃผ๋ก ์์ฑํ๊ธฐ
- ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ์ด, til ๋ฑ๋ง ๋ง์ ๊ฑด ๋น์ถ.. (til๋ ์ด๋ ต๊ฑฐ๋ ๊ถ๊ธํ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ฒ์ ์ ๋ชฉ ๋ฐ๊ฟ ๋ฃ๊ธฐ)
- getter , setter ๋ถ๋ถ์์ ๋ณ์์ ์ด๋ฆ์ ๋ค๋ฅด๊ฒ ํ์ง ์์ผ๋ฉด ์ฝ์คํ์ด ๋์น๋ ์ด์ ?
- Getter ์ ์ํ๋ฉด this.name์ Getter๋ฅผ ๊ฐ๋ฆฌํค๊ณ Setter ์ ์ํ๋ฉด name์ ํ ๋นํ๋ ์๊ฐ์ ๊ทธ๋ฅ ๋ฐ์ดํฐ๋ฅผ ๋ฐ๋ก ํ ๋นํ๋๊ฒ ์๋๋ผ Setter๋ฅผ ๊ฐ๋ฆฌํจ๋ค๊ณ ํ์ผ๋๊น .. Setter ์์ ์ ๋ฌ๋ ๋งค๊ฐ๋ณ์๋ฅผ ํตํด์ name์ this.name ์ ํ ๋นํ ๋ ์ด๋ฆ์ ๋๊ฐ์ด name์ผ๋ก ํด๋ฒ๋ฆฌ๋ฉด ๊ฐ์ Setter๋ฅผ ๊ณ์ ํ ๋นํด๋ฒ๋ ค์ ์ฝ์คํ์ด ๋์น๋ค! ๊ทธ๋์ ๊ฒฐ๋ก ์ ๊ฒํฐ ์ธํฐ ๋ด๋ถ์์๋ ๋ณ์์ด๋ฆ ๋ค๋ฅด๊ฒ ํด์ค์ผ ํ๋ค.
- ์ด๋ฒคํธ ์บก์ฒ๋ง๊ณผ ๋ฒ๋ธ๋ง์ ๋ํด ์ดํดํ๊ฒ ๋์๋ค. → til๋ก ์์ฑํ๋๋ฐ ์์ ๊ธ๋ก ์์ฑํด๋ณผ๊น ๊ณ ๋ฏผ์ค์ด๋ค.
โค๏ธ๐ฅFUTURE ACTION
- ์ผ์ฃผ์ผ์ ํ ๋ฒ์ด๋ผ๋ ํ๊ณ ์ด์ธ ๊ณต๋ถ์ ๋ํ ๊ธ ์์ฑํ๊ธฐ
- 1์ผ 1์ปค๋ฐํ๊ธฐ
- ์์ต ์๊ฐ์ ๋ณต์ต ๊ผญ ํ๊ธฐ
- ๋๋ฌด ์ฌ์ํ ๊ฒ ํ๋ํ๋์ ๊ณ ๋ฏผ ํ์ง ๋ง๊ธฐ
- ๋ฒค๋ฉ๋จธ์ js ๊ตฌํํ๊ธฐ
๐FEEDBACK
- ์ ๋ฒ์ฃผ ๋ชฉํ์ ๋ํ ํผ๋๋ฐฑ
- ์ผ์ฃผ์ผ์ ํ ๋ฒ์ด๋ผ๋ ํ๊ณ ์ด์ธ ๊ณต๋ถ์ ๋ํ ๊ธ ์์ฑํ๊ธฐ โ
1์ผ 1์ปค๋ฐํ๊ธฐ์์ต ์๊ฐ์ ๋ณต์ต ๊ผญ ํ๊ธฐ์์ค ์คํฐ๋ ์ ์ฐธ์ฌํ๊ธฐ- ์ด๋ฒ์ฃผ ์์ ํ๋ก๊ทธ๋๋จธ์ค 0๋ ๋ฒจ ๋๋ด๊ธฐ โ
- ์ผ๋ฌ์ ๊ณผ์ ์๋ฃํ๊ธฐ ๐บ → ๋ง๋ค๋ค๊ฐ ๋๋ฌด ํ์ ํด์ ๋ชปํจ ใ ใ ใ ใ ใ ใ ใ
- ๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ ์ฝ๊ธฐ โ
- ์ด๋ฒ์ฃผ ์ ๋ฐ์ ์ธ ํผ๋๋ฐฑ
- ์คํธ๋ ์ค๋ ๋ง๋ณ์ ์์ธ! ๊ฐ๋์ ๊ทธ๋ฅ ๋๊ฒจ๋ ๋ ๊ฒ์ ๋๋ฌด ํฐ ๊ณ ๋ฏผ๊ณผ ์คํธ๋ ์ค๋ฅผ ๋ฐ์ง ๋ง์.
- ์ด์ฌํ ๋ณต์ตํด์ค์ ๊ณ ๋ง๋ค !!!!!!! ์ด์ฌํ ์ด์์ค์ ๊ณ ๋ง์!!!!!! ๊ทผ๋ฐ ์ข๋ง ๋ ๊ฒ์ผ๋ฅด๊ฒ ์ด์!!!!!!^^;;;;
'Front-end ๐ฅ๐ค > ๋ฉ์์ด์ฌ์์ฒ๋ผ๐ฆ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 3๊ธฐ] 10์ฃผ์ฐจ WIL (0) | 2022.11.15 |
---|---|
[๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 3๊ธฐ] 9์ฃผ์ฐจ WIL (3) | 2022.10.30 |
[๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 3๊ธฐ] 7์ฃผ์ฐจ ํ๊ณ (2) | 2022.10.17 |
[๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 3๊ธฐ] 5~6์ฃผ์ฐจ ํ๊ณ (2) | 2022.10.11 |
[๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 3๊ธฐ] 4์ฃผ์ฐจ ํ๊ณ (0) | 2022.09.27 |
๋๊ธ
์ต๊ทผ์ ์ฌ๋ผ์จ ๊ธ
์ต๊ทผ์ ๋ฌ๋ฆฐ ๋๊ธ
- Total
- Today
- Yesterday
TAG
- C์ธ์ด
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ ์ค๊ธฐ
- php๊ฒ์ํ๋ง๋ค๊ธฐ
- php ๋ฌ๋ ฅ๋ง๋ค๊ธฐ ์์ฉ
- ์ค๋งํธ์ปจํธ๋ํธ
- ์ ์ฒ๊ธฐ ์ค๊ธฐ ์ ๋ฆฌ
- set ๊ฐ์ฒด
- DAPP
- HTML
- ์ด๋๋ฆฌ์
- JavaScript
- ํ์ฅ์ค์ต ๊ธฐ๋ก
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ ์ค๊ธฐ ์ ๋ฆฌ
- ์กธ์ ์ํ
- CSS
- ๋ธ๋ก์ฒด์ธ
- ๋ฆฌ์กํธ
- MySQL
- ํํ์ด์ง ๋ง๋ค๊ธฐ
- ํ๋ก๊ทธ๋๋จธ์ค
- ๋ฐฑ์ค
- ๊ฐค๋ฌ๋ฆฌ๋์ฐ๊ธฐ
- ์กธ์ ์ํ์ค๋น
- ์ ์ฒ๊ธฐ ์ค๊ธฐ
- indexOf()
- ๋ ธ๋ง๋์ฝ๋
- ํ์ฅ์ค์ต
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ
- css grid
- php
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 | 31 |
๊ธ ๋ณด๊ดํจ