๋ด์ผ๋ฐฐ์์บ ํ 4๊ธฐ ์คํ๋ฅดํ์ฝ๋ฉ React B๋ฐ
๐ ์ค๋์ ๊ณต๋ถ
1. Algorithm_Python 4, 5์ฃผ์ฐจ
- ๋๋์ด ์ค๋ ๊ฐ์ ๋ค ๋ดค๋ค. 4,5 ์ฃผ์ฐจ๋ ์ ๋ง ๊ฐ๋ณ๊ฒ ํ์ด๋ณด๋ ๋๋์ผ๋ก๋ง ๋ด์ ๊ธ๋ฐฉ ๋ค ๋ณผ ์ ์์๋ค.
- ์ฝ๋ฉํ
์คํธ ๊ธฐ์ถ ๋ฌธ์ ๋ ๋์ค์ ๋ค์ ๊ผญ ํ์ด๋ด์ผํจ!!
2. SP_์น ํผ๋ธ๋ฆฌ์ฑ ๊ฐ์
- 1์ฃผ์ฐจ
- css๋ก class๋ฅผ ์ด์ฉํ๋ ๋ฐฉ๋ฒ ์ธ์ js๋ก class๋ฅผ ์ฃผ๊ณ css์์ class๋ฅผ ๋ค๋ฃจ๋ ๋ฐฉ๋ฒ๋ ์๋ค
3. Programmers
- < Day4 ์ํ, ๋ฐฐ์ด >
- ํผ์ ๋๋ ๋จน๊ธฐ(1)
-> if, else, Math.floor() ์ฌ์ฉํด์ ํ์๋ค.
-> Math.ceil()
์์์ ์ดํ๋ฅผ ์ฌ๋ฆผ!
-> Math.round()
์์์ ์ดํ๋ฅผ ๋ฐ์ฌ๋ฆผ
- Lv0, Lv1์์ ์ ๋ต๋ฅ ๋์ ๋ฌธ์ ๋ถํฐ ํ์๋ค.
- ์ง์์ ํ์
-> if, ===0 ์ด์ฉํด์ ํ์๋ค.
-> function evenOrOdd(num) { return num % 2 ? "Odd" : "Even"; }
0=false๋ผ๋ ๊ฑธ ์ด์ฉํ ์ฝ๋!
- ๊ฐ๋๊ธฐ
->else if
๋์ ?
์ :
์ด์ฉ ๊ฐ๋ฅ
-> ๊ทผ๋ฐ ์๊พธ ์ค๋ฅ ๋จ.. ๋ด์ผ ๋ค์ ํ์ด๋ณด๊ธฐ!
4.Javascript ์ด๋ก
- tutorial ๋ณด๊ณ vscode์์ ํด ๋ดค๋๋ฐ ๊ทธ๋๋ก ์ ๋์ค๋ ๋ถ๋ถ ๋๋ฌธ์ ๋ ์๊ฐ ๋ง์ด ์.
- prompt ์ฐ๋ฉด์
$
์ฌ์ฉํ ๋ ๋ฐฑํฑ
์จ์ผ ํ๋๋ฐ ๊ทธ๋ฅ ๋ฐ์ดํ ์จ์ ์๊พธ ์ด๋ฆ์ ${name} ์
๋๋ค
์ด๋ ๊ฒ๋ง ๋ด์
- ๋ชจ๋ javascript tutorial ์์๋๋ก ๋ณผ ์ ์๋ ์ ํ๋ธ ์์์ด ์์ด์ ๋ดค์
- ๊ธฐ์ด https://youtu.be/KF6t61yuPCY
- ์ฌํ https://youtube.com/playlist?list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB44
False
: ์ซ์ 0, ๋น ๋ฌธ์์ด", null, undefined, NaN
-> Number(null) // 0
-> Number(undefined) // NaN
let
์ผ๋ก ์ ์ธํ๋ ๋ด์ฉ์ด ํจ์ ์์ ์์ผ๋ฉด '์ง์ญ ๋ณ์'๋ก ํจ์ ๋ฐ์์ ๋ถ๋ฌ์ฌ ์ ์์
-> ํจ์ ๋ฐ์ ์ ์ธ๋ let
ํจ์ = '์ ์ญ ๋ณ์'
-> '์ง์ญ ๋ณ์'์ '์ ์ญ ๋ณ์'๋ ์๋ก ๊ฐ์ญ์ ํ์ง ์๊ธฐ ๋๋ฌธ์ let
์ผ๋ก ์ฌํ ๋น ๊ฐ๋ฅ
-> '์ง์ญ ๋ณ์'๋ฅผ ์ฐ๋ ๊ฒ์ด ๋ ๊ด๋ฆฌํ๊ธฐ ์ฌ์
- ํ์ดํ ํจ์(arrow function)
-> function
= =>
/ return
= ()
๋ณ๊ฒฝ ๊ฐ๋ฅ
-> ๊ฐ์ฒด ์ค์ ํ ๋ ์ผ๋ฐ ํจ์์ ๋ฌ๋ฆฌ ์์ ๋ง์ this
๋ฅผ ๊ฐ์ง ์์
-> ํ์ดํ ํจ์ ๋ด์์ this
์ฌ์ฉํ๋ฉด ๊ทธ this
๋ ์ธ๋ถ์์ ๊ฐ์ ๊ฐ์ ธ์จ๋ค(ex. window)
- ๋ฐฐ์ด
-> .pop()
๋ฐฐ์ด ๋ ์์ ์ ๊ฑฐ
-> .unshift()
๋ฐฐ์ด ์์ ์ถ๊ฐ
-> .shift()
๋ฐฐ์ด ์ ์์ ์ ๊ฑฐ
-> for(let a of abc)
๊ฐ์ฒด์ for in
๊ณผ ํท๊ฐ๋ฆฌ์ง ๋ง ๊ฒ
๐ฉ
์นดํ์ธ์ ๋๋ ์ ๋ง์
- ์ด์ (์ผ์์ผ) ์คํ ์น๊ตฌ๊ฐ ์ค ๋ฒ ํธ๋จ ์ปคํผ ๋ ๋ด์ง๋ฅผ ํ ๋ง์
จ๋๋ฐ ์๋ ์ปคํผ๋ฅผ ์ ๋ง์๊ธฐ๋ ํ๊ณ ๋๋ฌด ์ค๋๋ง์ ๋ง์ ๊ฑฐ๋ผ ๊ทธ๋ฐ์ง ์๋ฒฝ 3์๊น์ง ์ ์ด ์ ์๋ค.
- 5์์ฏค์ ๊นจ์๋ ๊ณ์ ๊ฐ์ฑ ์ํ๋ผ ๊ทธ๋ฐ๊ฑด์ง ๋ค์ ๋ ์ ์ด ์ ์์ 2์๊ฐ ์ ๋ ์ ์ฑ๋ก ๊ณต๋ถ๋ฅผ ํ๋ค. 10์์ฏค ์ ๋ง ๊ธฐ์ ํ ๊ฒ ๊ฐ์์ ์กธ๋ค๊ฐ ๊ฒฐ๊ตญ ํ์๋ค์๊ฒ ๋งํ๊ณ 20๋ถ ์ ๋ ์๊ณ ์ผ์ด๋๋ ์กฐ๊ธ ๊ด์ฐฎ์์ก๋ค.
- ์ ๋
์๋ ์ค๊ฐ์ค๊ฐ ์กธ๋ ค์ ์๊ธฐ๊ฐ ๋ช ๋ฒ ์์ง๋ง ์ ๋
์๊ฐ์ ์๊ณ ์ผ์ด๋๋ ์ดํ ์๊ฐ๋ ๋ฒํธ๋ง ํ๋ค!
- ๋ถํธ์บ ํ ๊ธฐ๊ฐ ๋์ ๊ธ์ฃผํ๋ ๊ฒ๋ ์งํฌ ๊ฑฐ์ง๋ง ์ปคํผ๋ ์ปคํผ๋ง ์ฌํ ๊ฐ์ ๊ฒ๋ ํผํ๊ธฐ!
์๊ณ ๋ฆฌ์ฆ
- ํ๋ก๊ทธ๋๋จธ์ค ํ๋ค๋ณด๋ ์ ๊ฒ ๊ฐ์๋ฐ ๋จธ๋ฆฌ์ ๋ ํจ์๊ฐ ์์ด ๋ด ํ์ผ๋ก๋ง ํ ์ ์๋ ๋ฌธ์ ๋ค์ด ๋ง์ด ์์ผ๋ ๋ ์คํธ๋ ์ค.
- ์ฒ์์ผ๋ก ๋๋ ๊ฐ๋ฐ์ชฝ์ด ์๋๊ฐ ์๊ฐ๋ ํ์..
- ๋๋ Javascript ๊ฐ์, ์ฑ
, ํํ ๋ฆฌ์ผ ๋ฑ์ผ๋ก ์ด๋ก ์ ๋ฆฌ๋ฅผ ๊ฐ์ด ํ๋ฉด์ ๋ฌธ์ ๋ฅผ ํธ๋ ๊ฒ ๋ง๋ ๊ฒ ๊ฐ์
- ํ์คํ ์ค๋ ์ ํ๋ธ javascript ๊ฐ์๋ฅผ ๋ค์ผ๋ ์ด์ ์ ํ์๋ ํ๋ก๊ทธ๋๋จธ์ค ๋ฌธ์ ์ ์ฝ๋๋ค์ด ๋ ์ ์ดํด๋๋ค.
- ํนํ ํ์ดํ ํจ์!!