JS Basic Synax(๋ณ์)
1. ๋ณ์
๋จ์ํ๊ฒ ํํํด์ ๋ณ์๋ ์ด๋ค ํ๋ก๊ทธ๋จ์์ ์ฌ์ฉํ ์ผ๋ จ์ ๊ฐ(์ซ์, ๋ฌธ์, true/ false ๋ฑ)์ ์ ์ ๋ณด๊ดํด๋๊ธฐ ์ํ ๊ณต๊ฐ ์ด์, ๊ฐ ๊ทธ์์ฒด
๋ํ, ์์ฑํ ๊ฐ์ ๋ณดํต ํ ๋ฒ๋ง ์ฌ์ฉํ์ง ์๊ณ , ์ฌ์ฌ์ฉ(Reuse)ํ๋ ๊ฒฝ์ฐ๊ฐ ๋ ๋ง๊ธฐ ๋๋ฌธ์ ๋ณ์๋ฅผ ์ฌ์ฉํ์ฌ ์ปดํจํฐ ๋ด ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ๊ฐ์ ์ ์ฅํด๋๊ณ ํ์ํ ๋ ๋ค์ ์ฌ์ฉํ ์ ์๊ฒ ๋๋ค.
ํ์(๋ณํ ๋ณ, ์ ์)๊ฐ ์๋ฏธํ๋ ๊ฒ์ฒ๋ผ, ๊ทธ ๊ฐ์ ๋ค๋ฅธ ๊ฐ์ผ๋ก ๋ณ๊ฒฝ๋ ์๋ ์๋ค.
1. ๋ณ์์ ์ฌ์ฉ ๋ฐฉ๋ฒ
1-1 ๋ณ์์ ์ ์ธ(Declare, Declaration)
๋ณ์์ ์ ์ธ์ ๋จ ํ ๋ฒ(only once)๋ง ๊ฐ๋ฅ ๋ณ์(or ์์)์ ๋ด๊ธด ๊ฐ์ ์ฝ๊ฑฐ๋ ๊ฐ์ ์๋กญ๊ฒ ํ ๋นํ๊ธฐ ์ํด์ ๊ฐ์ฅ ๋จผ์ ์ํ๋์ด์ผ ํ ์์
var a;
1-2 ๋ณ์์ ์ ์ธ(Initialization)
ํ ๋น(Assignment)์ ํน๋ณํ ํํ, ๊ฐ์ฅ ์ฒ์์ผ๋ก ๊ฐ์ ํ ๋นํ๋ค๋ ์๋ฏธ์ด๋ค.
์ ์ธ๊ณผ ํจ๊ป ๋ฐ๋ก ์ฌ์ฉ ๊ฐ๋ฅํ๋ค.
pipeApple ๋ณ์์ on Pizza ๋ฌธ์์ด์ ์ฒ์์ผ๋ก ํ ๋นํ๋ฉด
var pineApple = "on Pizza";
1-3 ๋ณ์์ ํ ๋น(Assignment)
๊ธฐ์กด์ ๊ฐ์ ์๋ก์ด ๊ฐ์ผ๋ก ๋ณ๊ฒฝํ ๋
var a;
a = 10;
console.log(a);
a = 15;
console.log(a)'
2. ๋ณ์ ๋ช ๋ช ๊ท์น(Naming Convention)
2-1 JS์์ ๋ฌธ๋ฒ์ ์ผ๋ก ํ์ฉ ๊ฐ๋ฅํ ํ๊ธฐ ๊ธฐํธ
_(Underscore), $(Dollor) ๊ธฐํธ๋ก ์์ํ ์ ์๋ค. --> ์ด์ ์ฌ๋๋ค์ด ์ฌ์ฉํด์ ๊ทธ๋ฐ๋ฏ..
2-2 ๊ถ์ฅ๋๋ ๊ท์น
- Case ํ๊ธฐ๋ฒ์ camelCase ์ฌ์ฉ
- ๊ฐ๊ธ์ ๋ฌธ์๋ก ์์ํด์ ๋ฌธ์๋ก ๋๋ผ ๊ฒ
- 2-1์์ ํ์ฉ ๊ฐ๋ฅํ ๊ธฐํธ๋ ์ฌ์ฉํ์ง ๋ง ๊ฒ
- ํญ์ ์๋ฌธ์๋ก ์์ํด์ผํ๋ค -> ๋๋ฌธ์๋ก ์์ํ ๊ฒฝ์ฐ ์์ฑ์ ํจ์์ฒ๋ผ ๋์ํ๊ฒ ๋๋ค.
์์ฝ์ด
์์ฝ์ด๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ๋ด๋ถ์ ์ผ๋ก ์ฌ์ฉ๋๋ ํน์ํ ๋์์ด๋ ์ฒ๋ฆฌ๋ฅผ ์ํ ํค์๋์ด๋ค.
๋ฐ๋ผ์, ์๋์ ์์ฝ์ด๋ก ๋ณ์ ์ด๋ฆ์ ์ฌ์ฉํ ์ ์๋ค.
'๊ฐ๋ฐ ์ง์, ์คํฌ๋ฆฝํธ > JavaScript, TS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
JS Basic Syntax(์ฐ์ฐ์) (0) | 2023.12.20 |
---|---|
JS Basic Synax(์๋ฃํ) (0) | 2023.12.20 |
Hooks (0) | 2023.12.19 |
Props์ State์ ์ฐจ์ด (0) | 2023.12.19 |
State (0) | 2023.12.19 |
๋๊ธ