2. 기본 문법과 출력

 

변수 선언과 할당

 

자바스크립트에서 변수를 선언하고 값을 할당하는 방법은 다양한데, 주로 var, let, const 키워드를 사용합니다. 각 키워드의 사용은 변수의 범위와 변경 가능성을 나타냅니다.

var 키워드 (ES5 이전):

 

var myVariable = "Hello, JavaScript!";

• var는 변수를 선언하는 키워드입니다.
• myVariable은 변수의 이름이며, 여기에 값을 할당했습니다.
• var로 선언한 변수는 함수 스코프를 가지며, 블록 스코프를 무시합니다.

let 키워드 (ES6 이후):

let myVariable = "Hello, JavaScript!";

• let은 블록 스코프를 가지는 변수를 선언하는 키워드입니다.
• 변수의 값은 재할당할 수 있습니다.

const 키워드 (ES6 이후):

const myVariable = "Hello, JavaScript!";

• const는 상수를 선언하는 키워드로, 한 번 값을 할당하면 변경할 수 없습니다.
• 블록 스코프를 가집니다.

변수를 선언할 때 주의할 점:

• 변수 이름은 영문자, 숫자, 밑줄(_), 달러 기호($)로 구성됩니다.
• 변수 이름은 숫자로 시작할 수 없습니다.
• 변수 이름은 예약어(예: var, let, const, if, function 등)를 사용할 수 없습니다.

// 변수 선언과 할당의 예시
let age = 25; // 숫자
let name = "John"; // 문자열
let isStudent = true; // 불리언

// 변수 재할당
let count = 10;
count = count + 1; // 11

// const로 상수 선언
const PI = 3.14159;

// 다수의 변수 선언과 할당
let x = 5, y = 10, z = 15;

// 변수 초기화
let uninitializedVariable;
console.log(uninitializedVariable); // undefined

 

변수의 유형과 특성에 따라서 var, let, const 중에서 적절한 것을 선택하여 사용합니다. 최근에는 let과 const를 더 권장하며, var는 특별한 경우에만 사용됩니다.

 

 

데이터 타입 (문자열, 숫자, 불리언 등)

 

자바스크립트는 동적 타입 언어이기 때문에 변수의 데이터 타입은 런타임에 자동으로 결정됩니다. 다음은 자바스크립트에서 주로 사용되는 데이터 타입들입니다:

1. 원시 데이터 타입 (Primitive Data Types):
   • 숫자(Number): 정수와 부동 소수점 숫자를 나타냅니다.

     let integerNumber = 42;
     let floatingPointNumber = 3.14;​

   • 문자열(String): 문자들의 나열을 나타냅니다. 작은따옴표(')나 큰따옴표(")로 둘러싸여 있습니다.

     let greeting = "Hello, JavaScript!";

   • 불리언(Boolean): true 또는 false 값을 나타냅니다.

     let isTrue = true;
     let isFalse = false;

   • null과 undefined: 값이 존재하지 않음을 나타냅니다.

     let nullValue = null;
     let undefinedValue;

   • 심볼(Symbol): ES6에서 도입된 데이터 타입으로, 고유하고 변경 불가능한 값을 나타냅니다.

     let uniqueSymbol = Symbol('unique');

2. 객체(Object):
   • 객체(Object): 키-값 쌍의 집합을 나타냅니다.

     let person = {
       name: 'John',
       age: 30,
       isStudent: false
     };

3. 함수(Function):
   • 함수(Function): 코드 블록을 나타내는 독립적인 기능을 수행하는 객체입니다.

     function addNumbers(a, b) {
       return a + b;
     }

4. Array:
   • 배열(Array): 순서가 있는 값의 목록을 나타냅니다.

     let numbers = [1, 2, 3, 4, 5];

5. typeof 연산자:
   • 변수 또는 값의 데이터 타입을 확인할 때 typeof 연산자를 사용합니다.

     let variable = 42;
     console.log(typeof variable); // "number"

자바스크립트는 동적 타입 언어이기 때문에 변수에 할당된 값에 따라 데이터 타입이 자동으로 결정되며, 변수의 데이터 타입은 언제든지 변경될 수 있습니다. 이는 개발자에게 편의성을 제공하지만, 주의가 필요한 경우가 있을 수 있습니다. 변수의 데이터 타입을 잘 이해하고 활용하는 것은 자바스크립트 프로그래밍에서 중요한 부분입니다.

 

 

console.log()를 사용한 출력

 

'console.log()'는 자바스크립트에서 콘솔에 출력하는 메소드로, 개발자가 코드 실행 중에 디버깅이나 확인을 위해 사용됩니다. 주로 문자열, 변수, 객체 등 다양한 데이터를 출력할 때 활용됩니다.

문자열 출력:

console.log("Hello, JavaScript!");

변수 출력:

let number = 42;
let text = "World";
console.log(number, text); // 여러 개의 인자를 전달하여 출력

변수와 문자열 결합:

let name = "John";
console.log("My name is " + name);

객체 출력:

let person = {
  name: "John",
  age: 30,
  isStudent: false
};

console.log(person);

변수의 데이터 타입 확인:

let value = 42;
console.log(typeof value); // 변수의 데이터 타입을 출력

템플릿 리터럴(Template Literal)을 사용한 문자열 출력 (ES6 이후):

let name = "John";
let age = 30;

console.log(`My name is ${name} and I am ${age} years old.`);

 

console.log()는 다양한 상황에서 활용되며, 코드 실행 중에 중요한 정보를 확인하거나 디버깅을 위해 사용됩니다. 개발자 도구의 콘솔에서 확인할 수 있습니다.