📌 자바스크립트의 콘솔 출력과 숫자 자료형
자바스크립트에서 콘솔을 활용하여 디버깅과 테스트를 쉽게 할 수 있으며, 숫자 자료형을 다루는 방법도 중요합니다. 이 글에서는 콘솔 사용법과 숫자 자료형에 대해 소개하겠습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" contect="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>콘솔 출력 & 자료형 개념 소개개</title>
</head>
<body>
<script>
//정수 기록하기
window.console.log(10)
window.console.log(0)
window.console.log(-10)
// 실수 기록하기
console.log(1.1)
console.log(0.5)
//산술 연산
//반환: 명령문이 결가괎처럼 사용되는것
console.log(10 + 2)
</script>
</body>🚦 콘솔을 소개합니다
**콘솔(console)**은 웹 브라우저 내에 내장된 디버깅 도구입니다. 자바스크립트를 사용할 때, 코드 실행 중 발생하는 문제를 확인하고 점검할 수 있습니다. 브라우저의 개발자 도구에서 콘솔 항목을 선택하면 디버깅 콘솔 화면이 열리며, 여기에 자바스크립트 명령어를 직접 입력하여 테스트할 수 있습니다.
- window.console: 콘솔은 브라우저 객체인 window의 하위 객체로 제공됩니다. 자바스크립트에서는 window.console 또는 간단히 console을 사용하여 콘솔에 접근할 수 있습니다.
console.log('Hello, World!');
💻 **console.log()**와 자료형
console.log()는 자바스크립트에서 가장 자주 사용되는 디버깅 함수입니다. 이 함수는 콘솔에 원하는 정보를 출력합니다.
console.log(10); // 숫자 출력
console.log("Hello, World!"); // 문자열 출력console.log()를 사용하여 숫자, 문자열, 불리언 등 다양한 자료형을 출력할 수 있습니다.
🔢 자바스크립트 숫자 자료형
자바스크립트에서 숫자는 우리가 일반적으로 알고 있는 정수와 실수로 구분할 수 있습니다. 숫자는 산술 연산을 할 수 있으며, 그 결과를 console.log()를 통해 출력할 수 있습니다.
숫자 출력 예시:
- 정수 출력:
console.log(5); // 정수 출력- 실수 출력:
-
console.log(3.14); // 실수 출력🧮 자바스크립트 산술 연산
자바스크립트에서는 산술 연산자를 사용하여 숫자 계산을 할 수 있습니다. 주요 산술 연산자는 더하기, 빼기, 곱하기, 나누기, 나머지 연산 등이 있습니다.
산술 연산 예시:
- 더하기 (+):
console.log(2 + 2); // 4 출력- 빼기 (-):
console.log(5 - 2); // 3 출력- 곱하기 (*):
console.log(3 * 2); // 6 출력- 나누기 (/):
console.log(6 / 2); // 3 출력- 나머지 (%):
console.log(12 % 5); // 2 출력✅ 마무리
자바스크립트에서 콘솔은 코드의 디버깅과 테스트를 매우 쉽게 해주며, console.log()를 사용해 다양한 자료형을 출력할 수 있습니다. 또한, 숫자 자료형을 사용하여 산술 연산을 쉽게 처리할 수 있으며, 이를 통해 다양한 계산을 수행할 수 있습니다.
'JavaScript' 카테고리의 다른 글
| Chapter 1-8. undefined 외 (0) | 2025.03.31 |
|---|---|
| Chapter 1-7. 템플릿 리터럴 (0) | 2025.03.31 |
| Chapter 1-6. 문자열 prompt (0) | 2025.03.31 |
| Chapter 1-5. 변수와 상수 (0) | 2025.03.31 |
| Chapter 1-3. 동작 원리 출력해보기 (자바스크립트) (0) | 2025.03.31 |