Javascript

자바스크립트란?

JavaScript는 웹 개발 분야에서 가장 인기 있는 프로그래밍 언어 중 하나입니다. 초기에는 웹 브라우저에서 동적인 기능을 제공하기 위해 만들어졌지만, 지금은 서버 사이드 개발, 모바일 애플리케이션, 게임 개발 등 다양한 분야에서 사용됩니다. 그러나 JavaScript를 처음 접하는 사람들은 구문이 다른 언어와 다르기 때문에 익숙하지 않을 수 있습니다. 이번 글에서는 JavaScript의 기본 구문을 살펴보고자 합니다.

종류

변수 선언

JavaScript에서 변수를 선언할 때는 let 또는 const 키워드를 사용합니다. let은 값을 변경할 수 있는 변수를 선언할 때 사용하고, const는 상수를 선언할 때 사용합니다.

let myVariable = 'Hello World';
const myConstant = 123;

함수 선언

JavaScript에서 함수를 선언할 때는 function 키워드를 사용합니다. 함수에는 매개변수를 전달할 수 있으며, return 키워드를 사용하여 값을 반환할 수 있습니다.

function myFunction(parameter1, parameter2) {
  // 함수 내부 로직
  return result;
}

조건문

JavaScript에서 조건문은 if 키워드를 사용합니다. if문에는 조건식을 전달하며, 조건식이 true일 경우에만 해당 코드 블록이 실행됩니다.

if (condition) {
  // 조건식이 true일 때 실행되는 코드
} else {
  // 조건식이 false일 때 실행되는 코드
}

반복문

JavaScript에서 반복문은 for, while, do-while 키워드를 사용합니다. for문은 일정한 횟수만큼 반복할 때 사용하며, while문과 do-while문은 조건에 따라 반복할 때 사용합니다.

for (let i = 0; i < 10; i += 1) {
  // 반복할 코드
}

while (condition) {
  // 조건이 true일 때 반복할 코드
}

do {
  // 일단 한 번은 실행되는 코드
} while (condition);

배열

JavaScript에서 배열은 대괄호 []를 사용하여 선언하며, 각 요소는 쉼표로 구분합니다.

const myArray = [1, 2, 3, 4, 5];

객체

JavaScript에서 객체는 중괄호 {}를 사용하여 선언하며, 각 속성은 쉼표로 구분합니다.

const myObject = {
  name: 'John',
  age: 30,
  email: 'john@example.com'
};

데이터 타입

JavaScript에서는 다양한 데이터 타입을 제공합니다. 원시 데이터 타입으로는 숫자, 문자열, 불리언, null, undefined가 있으며, 객체 데이터 타입으로는 배열, 함수, 객체가 있습니다.

// 숫자
let myNumber = 10;
console.log(typeof myNumber); // "number" 출력

// 문자열
let myString = 'Hello World';
console.log(typeof myString); // "string" 출력

// 불리언
let myBoolean = true;
console.log(typeof myBoolean); // "boolean" 출력

// null
let myNull = null;
console.log(typeof myNull); // "object" 출력

// undefined
let myUndefined;
console.log(typeof myUndefined); // "undefined" 출력

// 배열
let myArray = ['apple', 'banana', 'orange'];
console.log(myArray[1]); // "banana" 출력

// 객체
let myObject = {
  name: 'John',
  age: 30,
  greet: function() {
    console.log('Hello!');
  }
};
console.log(myObject.age); // 30 출력
myObject.greet(); // "Hello!" 출력

전역 변수

전역 변수는 함수 외부에서 선언된 변수로, 해당 파일 전체에서 접근할 수 있습니다. 전역 변수를 사용하면 언제든지 해당 변수에 접근하여 값을 변경할 수 있기 때문에, 코드가 복잡해질 가능성이 높아집니다. 따라서 전역 변수는 최소한으로 사용하는 것이 좋습니다.

let globalVariable = 'Global'; // 전역 변수 선언

function myFunction() {
  console.log(globalVariable); // "Global" 출력
}

지역 변수

지역 변수는 함수 내부에서 선언된 변수로, 해당 함수 내에서만 접근할 수 있습니다. 지역 변수는 해당 함수의 실행이 끝나면 메모리에서 자동으로 제거됩니다.

function myFunction() {
  let localVariable = 'Local'; // 지역 변수 선언
  console.log(localVariable); // "Local" 출력
}

매개 변수

매개 변수는 함수에 전달되는 값을 받아들이는 변수입니다. 매개 변수는 함수 내에서 지역 변수처럼 사용할 수 있습니다.

function myFunction(parameter1, parameter2) {
  console.log(parameter1 + parameter2); // 매개 변수의 값을 더함
}

호이스팅

호이스팅은 JavaScript에서 변수가 선언되기 전에도 해당 변수를 사용할 수 있다는 특징입니다. JavaScript는 코드를 실행하기 전에 변수의 선언 부분을 먼저 처리하기 때문에, 선언 이전에 변수를 사용해도 에러가 발생하지 않습니다.

console.log(myVariable); // undefined 출력
let myVariable = 'Hello World';

결론

JavaScript는 매우 유연한 언어로, ES6부터는 더욱 강력한 기능을 제공하고 있습니다. 그러나 이러한 유연성은 동시에 코드의 가독성과 유지 보수성을 낮출 수도 있으므로, 적절한 변수 사용과 함수 분리 등의 코드 작성 방법을 익혀두는 것이 좋습니다. 이상으로 JavaScript에 대한 개요와 기본적인 문법, 그리고 다양한 기능을 살펴보았습니다.