๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

JS Basic Synax(๋ณ€์ˆ˜)

์‹œํ๋ฆฌํ‹ฐ์ง€ํ˜ธ 2023. 12. 20.

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 ๊ถŒ์žฅ๋˜๋Š” ๊ทœ์น™

 

  1. Case ํ‘œ๊ธฐ๋ฒ•์€ camelCase ์‚ฌ์šฉ
  2. ๊ฐ€๊ธ‰์  ๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•ด์„œ ๋ฌธ์ž๋กœ ๋๋‚ผ ๊ฒƒ
  3. 2-1์—์„œ ํ—ˆ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐํ˜ธ๋Š” ์‚ฌ์šฉํ•˜์ง€ ๋ง ๊ฒƒ
  4. ํ•ญ์ƒ ์†Œ๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•ด์•ผํ•œ๋‹ค -> ๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•  ๊ฒฝ์šฐ ์ƒ์„ฑ์ž ํ•จ์ˆ˜์ฒ˜๋Ÿผ ๋™์ž‘ํ•˜๊ฒŒ ๋œ๋‹ค.

์˜ˆ์•ฝ์–ด

์˜ˆ์•ฝ์–ด๋ž€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ๋‚ด๋ถ€์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ํŠน์ˆ˜ํ•œ ๋™์ž‘์ด๋‚˜ ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•œ ํ‚ค์›Œ๋“œ์ด๋‹ค.

๋”ฐ๋ผ์„œ, ์•„๋ž˜์˜ ์˜ˆ์•ฝ์–ด๋กœ ๋ณ€์ˆ˜ ์ด๋ฆ„์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.

 

 

'๊ฐœ๋ฐœ ์ง€์‹, ์Šคํฌ๋ฆฝํŠธ > 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

๋Œ“๊ธ€