JavaScript 기초 <4. 연산자(산술, 논리, 비교, 비트 연산자 등) 한방 정리>

자바스크립트 JavaScript

4. 연산자(산술, 논리, 비교, 비트 연산자 등) 한방 정리 

 

안녕하세요! 태마입니다.

JavaScript 기초 강좌입니다.

 

강좌의 경우 

1. 주제 간단 정리

2. 상세 주제 정리

으로 이루어져 있습니다.

 

자바스크립트 JavaScript

포스팅 시작하겠습니다 :)

---

 

1. 주제 간단 정리

 

1. 연산자(Operator)란?

연산자(Operator)는 값을 계산하거나 조작하는 데 사용하는 기호 또는 키워드입니다.
JavaScript에서는 다양한 연산자를 제공하며, 이를 활용하면 변수의 값 조작, 조건 판단, 논리 연산 등을 수행할 수 있습니다.

📌 연산자는 데이터 값을 조작하고, 프로그램의 흐름을 제어하는 중요한 도구!

---

 

2. JavaScript의 주요 연산자 종류

JavaScript의 연산자는 크게 다음과 같이 분류됩니다.

연산자 종류설명예제

산술 연산자	숫자를 계산하는 연산자	+, -, *, /, %
비교 연산자	두 값을 비교하여 true 또는 false 반환	==, ===, !=, >, <
논리 연산자	논리적인 참/거짓을 판단하는 연산자	&&, `
할당 연산자	변수에 값을 저장하는 연산자	=, +=, -=, *=, /=
비트 연산자	이진수 단위의 연산을 수행하는 연산자	&, `
삼항 연산자	조건에 따라 값을 반환하는 연산자	condition ? A : B

📌 연산자는 프로그램의 흐름을 결정하는 필수 개념!

---

 

3. 산술 연산자 (Arithmetic Operators)

산술 연산자는 숫자 값을 계산하는 데 사용됩니다.

연산자설명예제결과

+	더하기	5 + 3	8
-	빼기	5 - 3	2
*	곱하기	5 * 3	15
/	나누기	5 / 2	2.5
%	나머지	5 % 2	1
**	거듭제곱	2 ** 3	8

console.log(10 + 5); // 15
console.log(10 % 3); // 1 (나머지 연산)

📌 산술 연산자는 가장 기본적인 연산자로, 모든 프로그래밍에서 필수!

---

 

4. 비교 연산자 (Comparison Operators)

비교 연산자는 두 값을 비교하여 참(true) 또는 거짓(false)을 반환합니다.

연산자설명예제결과

==	값이 같으면 true	5 == "5"	true
===	값과 타입이 같으면 true	5 === "5"	false
!=	값이 다르면 true	5 != 3	true
!==	값과 타입이 다르면 true	5 !== "5"	true
>	왼쪽이 크면 true	10 > 5	true
<	오른쪽이 크면 true	5 < 10	true

console.log(10 > 5);  // true
console.log(5 == "5"); // true (자동 형 변환 발생)
console.log(5 === "5"); // false (엄격한 비교)

📌 항상 ===(엄격한 비교)를 사용하여 예기치 않은 형 변환을 방지하는 것이 좋음!

---

 

5. 논리 연산자 (Logical Operators)

논리 연산자는 논리적인 참/거짓을 판단하는 연산자입니다.

연산자설명예제결과

&&	AND (둘 다 참이면 참)	true && false	false
`		`	OR (하나라도 참이면 참)
!	NOT (반대 값 반환)	!true	false

console.log(true && false); // false
console.log(true || false); // true
console.log(!false); // true

📌 조건문에서 가장 많이 사용되는 연산자!

---

✅ 여기까지 JavaScript의 연산자 개념과 기본 사용법을 배웠습니다!
👉 "그렇다면, 연산자 우선순위는 어떻게 결정될까? 그리고 단축 평가(Short Circuit Evaluation)란?"
✅ 2부에서 연산자의 우선순위, 단축 평가, 비트 연산자의 활용법까지 상세히 배워봅시다!

 

---

반응형

2. 상세 주제 정리

 

1. 연산자 우선순위 (Operator Precedence)

연산자는 **우선순위(Priority)**가 존재하며, 우선순위가 높은 연산자가 먼저 실행됩니다.

연산자설명우선순위 (높을수록 먼저 실행)

()	괄호	1 (최우선)
**	거듭제곱	2
*, /, %	곱하기, 나누기, 나머지	3
+, -	더하기, 빼기	4
==, ===, !=	비교 연산자	5
&&	논리 AND	6
`		`

console.log(10 + 5 * 2);  // 20 (곱하기가 먼저 실행됨)
console.log((10 + 5) * 2); // 30 (괄호가 먼저 실행됨)

📌 괄호 ()를 사용하여 연산 우선순위를 명확하게 하는 것이 좋음!

---

 

2. 단축 평가 (Short Circuit Evaluation)

단축 평가는 불필요한 연산을 생략하는 기법입니다.

console.log(true || "Hello");  // true (앞이 참이면 뒤를 보지 않음)
console.log(false && "World"); // false (앞이 거짓이면 뒤를 보지 않음)

📌 논리 연산자를 사용할 때 불필요한 연산을 줄일 수 있음!

---

 

✅ 지금까지 JavaScript의 연산자 우선순위, 단축 평가, 비트 연산자 활용법을 상세히 배웠습니다!
👉 "그렇다면, JavaScript의 조건문과 반복문은 어떻게 동작할까?"
✅ 다음 회차에서 if, switch, for, while 등의 제어문을 깊이 있게 배워봅시다! 🚀