๊ตญ๋น์ง์ D+36
- javascript ๋ฑ์ฅ๋ฐฐ๊ฒฝ ๋ฐ ๊ธฐ์ด -
javascript ๋ฑ์ฅ๋ฐฐ๊ฒฝ
ํด๋ผ์ด์ธํธ์ ์๋ฒ์์ ํต์ ์ ํน์ง์ ํด๋ผ์ด์ธํธ๊ฐ ์ ๋ณด๋ฅผ ์์ฒญํ๋ฉด ์๋ฒ๋ ํด๋ผ์ด์ธํธ๊ฐ ์์ฒญํ๋ ์ ๋ณด๋ฅผ ์ ๊ณตํด์ฃผ๋ ํ์์ด๋ค.
์ด๋ ํด๋ผ์ด์ธํธ์ ์๋ฒ์์ ํต์ ์ ๊ณ์ ์ ์ง๋๋ ๊ฒ์ด ์๋ ํด๋ผ์ด์ธํธ๊ฐ ์์ฒญํ๊ฒ์ ๋ํด์ ์๋ฒ๊ฐ ์๋ตํ๋ฉด ์ธ์ ์ด ๋๊ธฐ๋ ๋ฐฉ์์ผ๋ก ๋งค๋ฒ ์ด๋ฌํ ๋ฃจํธ๋ฅผ ๋ฐ๋ณตํ๋ค.
์ด๋ฟ๋ง ์๋๋ผ ํด๋ผ์ด์ธํธ์ ์๋ฒ๋ ์๋ก๊ฐ์ ์ ๋ขฐ์ฑ์ ์ ์งํด์ผํ๊ธฐ ๋๋ฌธ์ ํด๋ผ์ด์ธํธ๋ ์ ๋ณด๋ฅผ ์์ฒญํ ๋ ๋จ์ํ ์์ฒญ๋ง ํ๋๊ฒ์ด ์๋๋ผ ์๋ฒ์๊ฒ ์ ๋ขฐ์ฑ์ ์ฆ๋ช ํ๊ธฐ ์ํด์ ์ผ์ข ์ ์์ ์ด ์์ ํ ํด๋ผ์ด์ธํธ๋ผ๋ ์ ๋ถ์ฆ์ ์๋ฒ์๊ฒ ๋งค๋ฒ ์ ์ถํด์ผํ๋ค.
์ด๋ฌํ ์ ์ผ๋ก ์ธํด ์์ฒญ๊ณผ ์๋ต๊ณผ์ ์ ์๊ฐ๋ณด๋ค ์ฝ์ง ์๋ค.
๊ทธ๋ฆฌ๊ณ ์ค๋ณต๋ฐ์ดํฐ๊ฐ ๋ง์ผ๋ฉฐ, ์๋ฒ์ ํ๊ณ๋ก ์ ๋ณด๋ฅผ ์ฃผ๊ธฐ ์ํด ์ธ๋์๋ ์์ฒญ๊ณผ ์๋ต์ด ๋ง์ด ๋ฐ์ํ๋ค๋ ๋จ์ ์ด ์กด์ฌํ๋ค.
์ด๋ฌํ ๋ฌธ์ ์ ์ ํด๊ฒฐํ๊ธฐ ์ํด์ ๊ฐ๋ฐ์๋ค์ ์ด๋ฅผ ๊ณ ๋ฏผํ์๊ณ , ์์ฒญ๊ณผ ์๋ต์ ํ์๋ฅผ ์ค์ฌ๋ณด์๋ ์๊ฒฌ์ด ๋์ค๊ฒ ๋์์ผ๋ฉฐ, ์ฌ์ํ ์ ๋ณด๋ฅผ ์กฐ๊ธ์ฉ ์ฃผ๊ณ ๋ฐ๋ ๊ฒ์ด ์๋ ์ ์ด์ ์๋ฒ์์ ์ ๋ณด๋ฅผ ์๋ฉ ๊ฐ์ ธ์จ ๋ค์์ ์ดํ์ ๊ณผ์ ์ ํด๋ผ์ด์ธํธ์์ ์์์ ์ฒ๋ฆฌํ๋ javascript๋ผ๋ ์ธ์ด๊ฐ ๋ฑ์ฅํ๊ฒ ๋์๋ค.
• ์ฌ์ ์ง์
- Expression : ๊ฐ์ ๋ง๋ค์ด ๋ด๋ ์ฝ๋
ex) 5+3
- Statement : ํํ์์ด ๋ชจ์ธ ๋ฌธ์ฅ ๋๋ ๊ฐ์ ๋ง๋ค์ง ์๋ ๋ฌธ์ฅ
ex) a= 5+3
javascript ๊ธฐ์ด
• JS์ ํ์์ฑ
์๋ฐ์คํฌ๋ฆฝํธ๋ web-browser๋ฅผ ์ ์ดํ๊ธฐ ์ํ ์ธ์ด๋ก ์ด๋ง์ web-browser์ ๋ชจ๋ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์๋ค๋ ๋ง์ด๊ธฐ๋ ํ๋ค.
์๋ฐ์คํฌ๋ฆฝ๊ฐ ํ์ํ ์ด์ ๋ server์์ ํต์ ์ ์ค์ด๊ธฐ ์ํด์ ์ด๋ค.
• Datatype
JS์์์ ์๋ฃํ์ ํฌ๊ฒ ๊ธฐ๋ณธํ(Primitive type)๊ณผ ๊ฐ์ฒดํ(Object type)์ผ๋ก ๋๋๋ฉฐ, ES6๋ฒ์ ์์ Symbol type์ด ๊ธฐ๋ณธํ์ ์ถ๊ฐ๋์๋ค.
• ๋ณ์์ ์ ์ธ
- var : ES5์ ์ ์ธ ๋ฐฉ์์ผ๋ก ๋ชจ๋ ๋ณ์๋ฅผ var๋ก ์ ์ธํ ์ ์๋ค.
- let : ES6์ ์ ์ธ๋ฐฉ์์ผ๋ก ์ผ๋ฐ ๋ณ์์ ํด๋นํ์ฌ ๊ฐ์ ๋ณ๊ฒฝํ ์ ์๋ค.
- const : ES6์ ์ ์ธ ๋ฐฉ์์ผ๋ก, ์์ํ ๋ณ์๋ก ์ ์ธ๊ณผ ๋์์ ์ด๊ธฐํํด์ผํ๋ฉฐ ์ ์ธ๋ ๋ณ์๋ ์ค๊ฐ์ ๊ฐ์ด ๋ณ๊ฒฝ๋ ์ ์๋ค.
• ๋ฐ์ดํฐ์ ์ ๋ ฅ
- prompt() : ๋ฌธ์์ด ์ ๋ ฅ
- confirm() : boolean์ ์ ๋ ฅ
'์๋ > ๊ตญ๋น์ง์' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[D+38] ํจ์ ๊ณ ๊ธ, ๊ฐ์ฒด (0) | 2022.11.15 |
---|---|
[D+37] ๋ฐฐ์ด์ for๋ฌธ, ํจ์์ ๊ธฐ๋ณธ, ์ฝ๋ฐฑํจ์ (0) | 2022.11.13 |
[D+35] CSS ๊ฐ๋ , ์ ํ์, font-size, Box model (0) | 2022.11.11 |
[D+35] ๊ณต๊ฐ๋ถํ ํ๊ทธ, ์๋ฉํฑํ๊ทธ (0) | 2022.11.10 |
[D+34] HTML ๊ฐ๋ ๋ฐ ํ๊ทธ ์ข ๋ฅ (0) | 2022.11.09 |
๋๊ธ