๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
์‹œ๋„/๊ตญ๋น„์ง€์›

[D+36] javascript ๋“ฑ์žฅ๋ฐฐ๊ฒฝ ๋ฐ ๊ธฐ์ดˆ

by ๐Ÿ‡๋ฐ•๋ด‰๋ด‰๐Ÿ‡ 2022. 11. 11.

 

 

๊ตญ๋น„์ง€์› 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์˜ ์ž…๋ ฅ

 

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€