Responsive Advertisement

JavaScript ์—ฐ์‚ฐ์ž(Operators) ์ดํ•ดํ•˜๊ธฐ

JavaScript์—์„œ ์—ฐ์‚ฐ์ž(Operators)๋Š” ๋ณ€์ˆ˜๋‚˜ ๊ฐ’์— ๋Œ€ํ•ด ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ธฐํ˜ธ์ž…๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ’์„ ๊ณ„์‚ฐํ•˜๊ฑฐ๋‚˜, ๋น„๊ตํ•˜๊ณ , ๋…ผ๋ฆฌ์ ์ธ ํŒ๋‹จ์„ ๋‚ด๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŠธ์—์„œ๋Š” JavaScript์—์„œ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ์—ฐ์‚ฐ์ž๋“ค์„ ์ข…๋ฅ˜๋ณ„๋กœ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

1. ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž (Arithmetic Operators)

์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋Š” ์ˆซ์ž ๊ฐ„์˜ ๊ธฐ๋ณธ์ ์ธ ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ์ฃผ์š” ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž์ž…๋‹ˆ๋‹ค:

  • + (๋”ํ•˜๊ธฐ): ๋‘ ๊ฐ’์„ ๋”ํ•ฉ๋‹ˆ๋‹ค. let sum = 10 + 5; // 15
  • - (๋นผ๊ธฐ): ์ฒซ ๋ฒˆ์งธ ๊ฐ’์—์„œ ๋‘ ๋ฒˆ์งธ ๊ฐ’์„ ๋บ๋‹ˆ๋‹ค. let difference = 10 - 5; // 5
  • * (๊ณฑํ•˜๊ธฐ): ๋‘ ๊ฐ’์„ ๊ณฑํ•ฉ๋‹ˆ๋‹ค. let product = 10 * 5; // 50
  • / (๋‚˜๋ˆ„๊ธฐ): ์ฒซ ๋ฒˆ์งธ ๊ฐ’์„ ๋‘ ๋ฒˆ์งธ ๊ฐ’์œผ๋กœ ๋‚˜๋ˆ•๋‹ˆ๋‹ค. let quotient = 10 / 5; // 2
  • % (๋‚˜๋จธ์ง€): ์ฒซ ๋ฒˆ์งธ ๊ฐ’์„ ๋‘ ๋ฒˆ์งธ ๊ฐ’์œผ๋กœ ๋‚˜๋ˆˆ ๋‚˜๋จธ์ง€๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. let remainder = 10 % 3; // 1

2. ํ• ๋‹น ์—ฐ์‚ฐ์ž (Assignment Operators)

ํ• ๋‹น ์—ฐ์‚ฐ์ž๋Š” ๋ณ€์ˆ˜์— ๊ฐ’์„ ํ• ๋‹นํ•˜๊ฑฐ๋‚˜, ์—ฐ์‚ฐ์„ ํ†ตํ•ด ๊ฐ’์„ ํ• ๋‹นํ•  ๋•Œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์ธ ํ• ๋‹น ์—ฐ์‚ฐ์ž๋Š” =์ด๋ฉฐ, ๋‹ค๋ฅธ ์—ฐ์‚ฐ๊ณผ ๊ฒฐํ•ฉํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค:

  • = (ํ• ๋‹น): ๋ณ€์ˆ˜์— ๊ฐ’์„ ํ• ๋‹นํ•ฉ๋‹ˆ๋‹ค. let x = 10;
  • += (๋”ํ•œ ํ›„ ํ• ๋‹น): ๊ธฐ์กด ๋ณ€์ˆ˜ ๊ฐ’์— ๋”ํ•œ ๊ฐ’์„ ํ• ๋‹นํ•ฉ๋‹ˆ๋‹ค. x += 5; // x = x + 5
  • -= (๋บ€ ํ›„ ํ• ๋‹น): ๊ธฐ์กด ๋ณ€์ˆ˜ ๊ฐ’์—์„œ ๋บ€ ๊ฐ’์„ ํ• ๋‹นํ•ฉ๋‹ˆ๋‹ค. x -= 5; // x = x - 5
  • *= (๊ณฑํ•œ ํ›„ ํ• ๋‹น): ๊ธฐ์กด ๋ณ€์ˆ˜ ๊ฐ’์— ๊ณฑํ•œ ๊ฐ’์„ ํ• ๋‹นํ•ฉ๋‹ˆ๋‹ค. x *= 5; // x = x * 5
  • /= (๋‚˜๋ˆˆ ํ›„ ํ• ๋‹น): ๊ธฐ์กด ๋ณ€์ˆ˜ ๊ฐ’์„ ๋‚˜๋ˆˆ ๊ฐ’์„ ํ• ๋‹นํ•ฉ๋‹ˆ๋‹ค. x /= 5; // x = x / 5
  • %= (๋‚˜๋จธ์ง€๋ฅผ ๊ตฌํ•œ ํ›„ ํ• ๋‹น): ๊ธฐ์กด ๋ณ€์ˆ˜ ๊ฐ’์— ๋‚˜๋จธ์ง€๋ฅผ ๊ตฌํ•œ ๊ฐ’์„ ํ• ๋‹นํ•ฉ๋‹ˆ๋‹ค. x %= 5; // x = x % 5

3. ๋น„๊ต ์—ฐ์‚ฐ์ž (Comparison Operators)

๋น„๊ต ์—ฐ์‚ฐ์ž๋Š” ๋‘ ๊ฐ’์„ ๋น„๊ตํ•˜๊ณ , ๊ทธ ๊ฒฐ๊ณผ๋กœ true ๋˜๋Š” false๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ฃผ๋กœ ์กฐ๊ฑด๋ฌธ์—์„œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค:

  • == (๋™๋“ฑ): ๋‘ ๊ฐ’์ด ๋™๋“ฑํ•œ์ง€๋ฅผ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค. 5 == '5'; // true
  • === (์ผ์น˜): ๋‘ ๊ฐ’์ด ๋™์ผํ•œ ํƒ€์ž…์ด๊ณ , ๊ฐ’๋„ ์ผ์น˜ํ•˜๋Š”์ง€๋ฅผ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค. 5 === '5'; // false
  • != (๋ถ€๋“ฑ): ๋‘ ๊ฐ’์ด ๋™๋“ฑํ•˜์ง€ ์•Š์€์ง€๋ฅผ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค. 5 != '5'; // false
  • !== (๋ถˆ์ผ์น˜): ๋‘ ๊ฐ’์ด ์ผ์น˜ํ•˜์ง€ ์•Š๋Š”์ง€๋ฅผ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค. 5 !== '5'; // true
  • > (ํฌ๋‹ค): ์ฒซ ๋ฒˆ์งธ ๊ฐ’์ด ๋‘ ๋ฒˆ์งธ ๊ฐ’๋ณด๋‹ค ํฐ์ง€๋ฅผ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค. 10 > 5; // true
  • < (์ž‘๋‹ค): ์ฒซ ๋ฒˆ์งธ ๊ฐ’์ด ๋‘ ๋ฒˆ์งธ ๊ฐ’๋ณด๋‹ค ์ž‘์€์ง€๋ฅผ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค. 10 < 5; // false
  • >= (ํฌ๊ฑฐ๋‚˜ ๊ฐ™๋‹ค): ์ฒซ ๋ฒˆ์งธ ๊ฐ’์ด ๋‘ ๋ฒˆ์งธ ๊ฐ’๋ณด๋‹ค ํฌ๊ฑฐ๋‚˜ ๊ฐ™์€์ง€๋ฅผ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค. 10 >= 5; // true
  • <= (์ž‘๊ฑฐ๋‚˜ ๊ฐ™๋‹ค): ์ฒซ ๋ฒˆ์งธ ๊ฐ’์ด ๋‘ ๋ฒˆ์งธ ๊ฐ’๋ณด๋‹ค ์ž‘๊ฑฐ๋‚˜ ๊ฐ™์€์ง€๋ฅผ ๋น„๊ตํ•ฉ๋‹ˆ๋‹ค. 10 <= 5; // false

4. ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž (Logical Operators)

๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๋Š” ๋…ผ๋ฆฌ์  ํŒ๋‹จ์„ ๋‚ด๋ฆฌ๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์กฐ๊ฑด๋ฌธ๊ณผ ํ•จ๊ป˜ ์ž์ฃผ ์‚ฌ์šฉ๋˜๋ฉฐ, ์—ฌ๋Ÿฌ ์กฐ๊ฑด์„ ๊ฒฐํ•ฉํ•  ๋•Œ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค:

  • && (AND): ๋‘ ์กฐ๊ฑด์ด ๋ชจ๋‘ ์ฐธ์ธ ๊ฒฝ์šฐ์—๋งŒ true๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. true && false; // false
  • || (OR): ๋‘ ์กฐ๊ฑด ์ค‘ ํ•˜๋‚˜๋ผ๋„ ์ฐธ์ด๋ฉด true๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. true || false; // true
  • ! (NOT): ์กฐ๊ฑด์˜ ์ฐธ/๊ฑฐ์ง“์„ ๋ฐ˜์ „์‹œํ‚ต๋‹ˆ๋‹ค. !true; // false

5. ๊ธฐํƒ€ ์—ฐ์‚ฐ์ž (Other Operators)

์œ„์—์„œ ์„ค๋ช…ํ•œ ์ฃผ์š” ์—ฐ์‚ฐ์ž ์™ธ์—๋„ JavaScript์—๋Š” ๋‹ค์–‘ํ•œ ์—ฐ์‚ฐ์ž๊ฐ€ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ๋ช‡ ๊ฐ€์ง€ ์ค‘์š”ํ•œ ์—ฐ์‚ฐ์ž๋ฅผ ์ถ”๊ฐ€๋กœ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค:

  • ? (์‚ผํ•ญ ์—ฐ์‚ฐ์ž): ์กฐ๊ฑด์— ๋”ฐ๋ผ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. let result = (x > 10) ? 'ํฌ๋‹ค' : '์ž‘๋‹ค';
  • typeof: ๋ณ€์ˆ˜๋‚˜ ๊ฐ’์˜ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. typeof 10; // "number"
  • instanceof: ๊ฐ์ฒด๊ฐ€ ํŠน์ • ํด๋ž˜์Šค์˜ ์ธ์Šคํ„ด์Šค์ธ์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. object instanceof Array; // true

๊ฒฐ๋ก 

JavaScript ์—ฐ์‚ฐ์ž๋Š” ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ๋•Œ ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ด๊ณ  ์ค‘์š”ํ•œ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋ถ€ํ„ฐ ๋น„๊ต, ๋…ผ๋ฆฌ, ๊ธฐํƒ€ ์—ฐ์‚ฐ์ž๊นŒ์ง€ ๋‹ค์–‘ํ•œ ์ข…๋ฅ˜์˜ ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ณ  ๋กœ์ง์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŠธ์—์„œ ์„ค๋ช…ํ•œ ์—ฐ์‚ฐ์ž๋“ค์„ ์ž˜ ์ดํ•ดํ•˜๊ณ  ํ™œ์šฉํ•˜๋ฉด, JavaScript ์ฝ”๋“œ๋ฅผ ๋”์šฑ ํšจ์œจ์ ์ด๊ณ  ๋ช…ํ™•ํ•˜๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋Œ“๊ธ€ ์“ฐ๊ธฐ