๐ ์ค๋์ TIL ์์ฝ
๐ธ ํด์ ํจ์๋ ํ๋ฐฉํฅ์ผ๋ก๋ง ๋์ผํ ๊ฐ์ด ๋์จ๋ค. ๋ ์ธ๋ณด์ฐ ํ ์ด๋ธ์ ๋ํญํ๊ธฐ ์ํด ์ํธ์ ํจ๊ป ์ฌ์ฉํ๋ฉด ์ข๋ค.
๐ธ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ์ ๋ํ์ ์ผ๋ก ํด๋์ค๋ฅผ ์ฌ์ฉํ๋๋ฐ, ๊ฐ์ ์์ฑ์ผ๋ก ๋ฌถ๊ฑฐ๋ ์์์ ์ด์ฉํด ์ฝ๋์ ์ค๋ณต์ ๋ฐฉ์งํ๋ค.
๐ธ๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ์ ๊ฒฐ๊ณผ ์ฃผ์์ ์ผ๋ก ํจ์ํ ํ๋ก๊ทธ๋จ๋ฐ์ ์ปจ์ ์ด๋ค. ์ ์ฐจํ์ ๋นํด ์ค์ํ ๊ฐ๋ฅ์ฑ์ด ์ ๊ณ , ๋๋ฃ๊ฐ ์ดํดํ๊ธฐ ์ฌ์ด ์ฅ์ ์ด ์๋ค.
๐ ์ฑ ์์ ๊ธฐ์ตํ๊ณ ์ถ์ ๋ด์ฉ
Ep. 35 ๋น๋ฐ๋ฒํธ๋ ์ด๋ป๊ฒ ์ ์ฅ๋ ๊น?
๊ด์ฐฎ์ ๋น๋ฐ๋ฒํธ ์์คํ ์ ์ : ํด์ ํจ์
ํด์ํจ์ : DB ์์ ์ด๊ณ ์๋ ๋ง๋ฒ์ฌ ๊ฐ์ ๋ ์. ์ ๋ ฅํ ๊ฐ์ ๋ฌด์์๋ก ๋๊ฐ์์ผ ์ค.
ํด์ ํจ์๊ฐ ์๋ํ๋ ๋ฒ
1. ๋์ผํ ์ ๋ ฅ๊ฐ์ ๋ํด ๋์ผํ ์ถ๋ ฅ๊ฐ์ ๊ฐ์ง๋ค.
2. ์ ๋ ฅ๊ฐ์ด ์์ฃผ ์ด์ง๋ง ๋ฐ๋์ด๋ ์ถ๋ ฅ๊ฐ์ ์์ฒญ๋๊ฒ ํฌ๊ฒ ๋ฐ๋๋ค.
3. ๋ฐ๋๋ก ์ ๋ ฅํ๋ค๊ณ ํด์ ์๋ ๊ฐ์ด ๋์ค์ง ์๋๋ค.
๋ ์ธ๋ณด์ฐ ํ ์ด๋ธ
: ํด์ ํจ์๊ฐ ๋ณ๊ฒฝํ ๊ฐ์ ์๋์ ๊ฐ๊ณผ ์ฐ๊ฒฐํ ํ -> ํด์ํ ์ด๋ธ ํดํน ๋ฐฉ๋ฒ
์ํธ
: ์์ฃผ ์กฐ๊ทธ๋งํ ๋ฌด์์ ํ ์คํธ.
ํด์์ ํฉ์ณ์ ์ฌ์ฉํ๋ฉด ๋ ์ธ๋ณด์ฐ ํ ์ด๋ธ์ ๋์ํ ์ ์๋ค.
Ep. 36 ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ์ด ๋ญ์ฃ ? - (1)
ํ๋ก๊ทธ๋๋ฐ ํจ๋ฌ๋ค์
- ํ๋ก๊ทธ๋๋จธ๊ฐ ํ๋ก๊ทธ๋๋ฐ์ ํ ๋์ ๊ด์ , ๋ฐฉ์ ๋ฑ์ ๋งํ๋ค.
- ํ๋ก๊ทธ๋๋ฐ์ ํ๋ ์ฌ๊ณ ์ ํ์ด๋ผ๊ณ ์๊ฐํด๋ ๋จ.
- ๋ํ์ ์ผ๋ก ์ ์ฐจ ์งํฅ ํ๋ก๊ทธ๋๋ฐ, ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ, ํจ์ํ ํ๋ก๊ทธ๋๋ฐ์ด ์์
๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ
- ํด๋์ค์ ๊ฐ์ด ๋ฐ๋ณต๋๋ ์ฝ๋๋ฅผ ์ง์ํ๊ณ , ๊ณต์ฅ์ฒ๋ผ ์ฐ์ด๋ด ์ฃผ๋ ๊ฒ.
- ๊ฐ์ ๋ชจ์์ ๊ฐ์ฒด๋ฅผ ๋ฐ๋ณตํด์ ์ ๋ ๊ฒ์ด ์๋๋ผ, class ๋ฅผ ์ฌ์ฉํด์ ํ์ ๋ง๋ฆ.
- ์ฌ๋ฃ๋ฅผ class ์ constructor ์ ๋ฃ์ด์ค๋ค.
Ep. 37 ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ์ด ๋ญ์ฃ ? - (2)
์์
- ์ฒญ์๋ , ์๊ธฐ, ์ด๋ฅธ ์ ๋ค๋ฅธ ํน์ฑ์ด ์์ง๋ง ๊ณตํต๋๋ '์ธ๊ฐ'์ด๋ผ๋ ํน์ฑ์ด ์๋ค. -> ์ค๋ณต๋๋ ํน์ฑ
- ์ด๋ ๊ฒ ์ค๋ณต๋๋ ์์ฑ์ ๋ค๋ฅธ ํด๋์ค์ ์์์ํค๋ฉด ๋๋ค.
- ์์์ ์ด์ฉํ๋ฉด '์ธ๊ฐ'์ด๋ผ๋ ํด๋์ค์ ์์ฑ์ ๋ชจ๋ ๊ฐ์ง๋ฉด์๋ ์์ ๋ง์ ์์ฑ์ ์ถ๊ฐํ ์ ์์.
class Human{
constructor(name){
this.name = name;
this.arms = 2;
this.legs = 2;
}
}
class Teenager extends Human{
constructor(name){
this.emotional = true;;
}
curse(){
return `๋์๋ง`;
}
}
Ep. 38 ํจ์ํ ํ๋ก๊ทธ๋๋ฐ์ด ๋ญ์ฃ ?
๊ฐ๋ฐ์๋ผ๋ฉด ๋ฐ๋์ ํจ์ํ ํ๋ก๊ทธ๋๋ฐ์ ๋ฐฐ์์ผ ํ๋ค.
์๋? ๋ฒ๊ทธ๊ฐ ๋ฐ์ํ๊ธฐ ์ด๋ ค์ด ๊ตฌ์กฐ์ด๊ธฐ ๋๋ฌธ.
์ ์ธํ, ๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ์ ์ฐจ์ด
์ ์ธํ ํ๋ก๊ทธ๋๋ฐ
- BLT ์๋์์น ๋ง๋ค์ด์ฃผ์
-> ๊ฒฐ๊ณผ๊ฐ์ ์ ์ธํจ.
- ex) CSS ์ body { background-color : pink }
- ex) replaceAll(" ", "โค๏ธ")
- ๊ฒฐ๊ณผ ์ค์ฌ์ผ๋ก ์ฝ๋๋ฅผ ์์ฑํ๋ ์ค์๋ ์ ๊ณ , ๋๋ฃ๊ฐ ์ฝ๋๋ฅผ ์ดํดํ๊ธฐ๋ ์ฌ์.
๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ
- ํ ์คํธ 2๊ฐ๋ฅผ ๊บผ๋ด์ ๊ตฌ์๋ผ -> ์์์ถ๋ฅผ ์ค๋นํ๊ณ ~~~ -> 1์ ๋นต ์์ 2๋ฅผ ์น๊ณ ๋๋จธ์ง ํ ์คํธ๋นต์ผ๋ก ๋ฎ์ด๋ผ!
- > ๋ง๋๋ ๊ณผ์ ์ ๋ค ์๋ ค์ค.
- for ๋ฌธ์ผ๋ก " " ์ด๋ฉด "โค๏ธ" ๋์ ํ๋ ์
- ํ ์ผ์ ์ธ์ธํ๊ฒ ์ง์ํ ์ ์๋ ๋์
- ๊ฐ๋ฐ์๊ฐ ์ค์ํ๊ธฐ ์ฝ๊ณ , ์์ฑํ ์ฝ๋๋ฅผ ๋๋ฃ๊ฐ ์ดํดํ๊ธฐ ์ด๋ ต๋ค๋ ํน์ง์ด ์์.
ํจ์ํ ํ๋ก๊ทธ๋๋ฐ : ํจ์๋ฅผ ์ค์ฌ์ผ๋ก ์ฝ๋๋ฅผ ์ ๋ ๋ฐฉ์์ผ๋ก ์ ์ธํ ํ๋ก๊ทธ๋๋ฐ ์ฝ์ ํธ๋ฅผ ์ ์งํจ.
๐ท ์ฝ์ ์๊ฐ ๋ฐ ๋ ์ค๋ฅด๋ ์๊ฐ
ํจ์ํ ํ๋ก๊ทธ๋๋ฐ, ์ ์ฐจํ, ๋ช ๋ นํ ์ข ํท๊ฐ๋ ธ๋๋ฐ ์ฑ ์์ ์ฝ๊ฒ ์ค๋ช ์ด ๋์ด ์์ด ์ ์ดํด๊ฐ ๋๋ค.
๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ๋ ์ด๋ ต๊ฒ๋ง ๋๊ปด์ก๋๋ฐ, ๋จ์ํ ํ๋ก๊ทธ๋๋ฐ์ ํ ๋์ ๊ด์ , ์ฌ๊ณ ๋ฐฉ์์ด๋ผ๊ณ ์๊ฐํ๋ ํ๊ฒฐ ํธ์ํด์ง ๋๋์ด๋ค.
'๋ ์ ๋ชฉ๋ก > IT 5๋ถ ์กํ์ฌ์ (with ๋ ธ๊ฐ๋ถ)' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[IT 5๋ถ ์กํ์ฌ์ ] Final Mission. ๋ ํ๊ฐ (0) | 2023.09.07 |
---|---|
[IT 5๋ถ ์กํ์ฌ์ ] Day 13. ์ํผ์๋ 39 ~ 45 (1) | 2023.09.06 |
[IT 5๋ถ ์กํ์ฌ์ ] Day 9. ์ํผ์๋ 30 ~ 34 (0) | 2023.09.03 |
[IT 5๋ถ ์กํ์ฌ์ ] Day 9. ์ํผ์๋ 26 ~ 29 (0) | 2023.09.02 |
[IT 5๋ถ ์กํ์ฌ์ ] Day 6. ์ํผ์๋ 16 ~ 21 (0) | 2023.08.31 |