const 키워드는 상수$_{constant}$를 선언하기 위해 사용한다. 그러나 반드시 상수만을 위해 사용되지는 않는다. const 키워드의 특징은 let 키워드와 대부분 동일하지만, 몇 가지 중요한 차이점이 있다.  const선언과 초기화const 키워드로 선언한 변수는 반드시 선언과 동시에 초기화해야 한다. 그렇지 않으면 다음과 같이 문법 에러가 발생한다.const foo; // SyntaxError: Missing initializer in const declarationconst bar = 10;console.log(bar); // 10위 예제에서 foo 변수는 초기화 없이 선언되었기 때문에 문법 에러가 발생한다. 반면 bar 변수는 선언과 동시에 초기화되었으므로 정상적으로 동작한다.  블록 레..

var 키워드의 단점을 보완하기 위해 ES6에서는 새로운 변수 선언 키워드인 let과 const를 도입했다. var 키워드와의 차이점을 중심으로 let 키워드를 살펴보자. let변수 중복 선언 금지var 키워드로 이름이 동일한 변수를 중복 선언하면 아무런 에러가 발생하지 않는다. 이 경우 변수를 중복 선언하고 값을 할당하면 의도치 않게 먼저 선언된 변수 값이 재할당되어 변경되는 부작용이 발생한다. 아래 예제에서는 x 변수를 var 키워드로 두 번 선언하고 각각 다른 값을 할당했다.var x = 10;var x = 20;console.log(x); // 20첫 번째 선언에서 x는 10가지지만, 두 번째 선언에서 20으로 재할당돼 기존 값이 덮여쓰여진다. 의도하지 않은 변수 값 변경을 유발할 수 있었다. 하..

자바스크립트에서는 변수를 선언할 때 데이터 타입을 명시하지 않는다. 유연하게 코드를 작성할 수 있지만 데이터 타입이 중요한 이유가 있다.  메모리 공간의 확보와 참조프로그램에서 값을 저장하고 참조하려면 메모리 공간이 필요하다. 값의 타입을 알면 필요한 메모리 공간의 크기를 결정할 수 있다. 예를 들어, 자바스크립트에서 아래와 같이 변수를 선언하고 숫자 값을 할당하는 경우를 보자.let a = 10; 이 코드가 실행되면 컴퓨터 내에서 다음과 같은 작업이 이루어진다.숫자를 저장하기 위한 메모리 공간 확보확보된 메모리 공간에 숫자 10을 2진수 형태로 저장 이 때 자바스크립트 엔진은 숫자 타입의 값 10을 저장하기 위해 필요한 메모리 공간의 크기를 결정한다. 값을 저장하는 경우자바스크립트 엔진은 데이터 타입에..

개요자바스크립트는 웹 개발의 초기 단계부터 중요한 역할을 수행해온 스크립트 언어로오늘날에는 다양한 실행 환경에서 그 활용 범위를 넓혀가고 있다. 본문에서는 자바스크립트가 주요하게 작동하는 환경 - 브라우저, Node.js, 그리고 Visual Studio Code - 을다루며 각각에서 자바스크립트가 어떠한 역할을 수행하는지 살펴보고자 한다. 이 세 환경은 자바스크립트를 통해 구현되는 기능과 개발 방식에 있어서 서로 다른 독특한 특성을 제공한다.브라우저 환경에서 자바스크립트는 사용자와 웹 페이지 간의 상호작용을 동적으로 만들어 내어 보다 풍부한 웹 경험을 가능하게 한다.Node.js 환경에서는 자바스크립트가 서버 측 애플리케이션 개발에 적극 활용되어 웹 개발의 전통적인 범위를 넘어서는 확장성을 제공한다.V..

왜 중요한가웹 페이지를 생동감 있고, 반응적으로 만드는 데 필수적인 언어다. 사용자와의 상호작용을 원활하고 매력적으로 처리하여 웹 경험을 향상시킨다. 브라우저 환경뿐만 아니라 Node.js와 같은 서버 사이드 환경에서도 높은 호환성을 보여주며, 이를 통해 플랫폼에 구애받지 않고 다양한 분야에서 사용될 수 있다. 이는 자바스크립트가 단순한 클라이언트 사이드 언어를 넘어 서버 사이드 애플리케이션 개발에도 활용될 수 있음을 의미한다.Node.js Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org V8, SpiderMonkey와 같은 다양한 자바스크립트 엔진을 통해 거의 모든 주요 브라우저에서 효율적으..

1. 객체(Object)란? 객체(Object)란 물리적으로 존재하거나 추상적으로 생각할 수 있는 것 중 속성을 가지고 있는 것을 의미합니다. 쉽게 얘기해서 실생활에서 쉽게 볼 수 있는 사물들이라고 생각하면 됩니다. 객체는 데이터를 의미하는 프로퍼티(property)와 데이터를 참조하고 조작할 수 있는 동작(behavior)을 의미하는 메소드(method)로 구성된 집합입니다. 객체는 데이터(프로퍼티)와 그 데이터에 관련되는 동작(메소드)을 모두 포함할 수 있기 때문에 데이터와 동작을 하나의 단위로 구조화할 수 있어 유용합니다. 자바스크립트의 객체는 객체지향의 상속을 구현하기 위해 “프로토타입(prototype)”이라고 불리는 객체의 프로퍼티와 메소드를 상속받을 수 있습니다. 이 프로토타입은 타 언어와 ..

1. 자바스크립트에서의 자료형(Data Type) 변수와 상수를 담는 값들에는 다양한 형태들이 존재합니다. 이를 자료형이라고 합니다. 자바스크립트는 동적 타입 언어이기 때문에 변수의 타입을 미리 선언할 필요가 없습니다. 동적 타입 언어: 컴파일 시 자료형을 정하는 것이 아니고 실행 시에 결정합니다. 프로그램이 처리되는 과정에서 자동으로 파악되고, 이 말은 결국 같은 변수에도 불구하고 상황에 따라 값의 타입이 바뀔 수 있다는 뜻이기도 합니다. Run time까지 타입에 대한 결정을 끌고 갈 수 있기 때문에 많은 선택의 여지가 있는 장점이 있습니다. 하지만 이러한 인터프리터 언어는 배우는데 쉬우나 실행 도중에 변수에 예상치 못한 타입이 들어와 Type Error를 내보내는 경우가 생길 수 있다는 단점이 있습..