자바스크립트 강의 EP_11 | 변수, 상수 | ES6+ 최신 문법 | DOM API | BOM API

📚 변수와 상수 이해하기

자바스크립트에서 변수는 값을 저장하는 그릇이라고 할 수 있습니다. let 키워드를 사용하여 변수를 선언할 수 있으며, 변수의 값은 언제든지 변경될 수 있습니다. 예를 들어, let teacher = "짐코딩"은 변수를 선언하고 값을 할당하는 방법입니다. 이후 teacher = "홍길동"으로 값을 변경할 수 있습니다. 상수는 const 키워드를 사용하여 선언하며, 한 번 할당된 값은 변경할 수 없습니다. 이러한 특성은 코드의 안정성을 높이는 데 기여합니다. 예를 들어, const pi = 3.14는 상수로 선언되어 값이 변경되지 않습니다.

🔍 웹 API와 자바스크립트

웹 API는 자바스크립트를 사용하여 웹 페이지를 조작할 수 있도록 해주는 브라우저의 기능입니다. 브라우저는 다양한 API를 제공하여 웹 페이지의 콘텐츠를 변경하거나 브라우저의 상태를 제어할 수 있습니다. 예를 들어, 주소 표시줄을 통해 페이지 이동을 하거나, 카메라 접근을 통해 실시간 화상회의를 구현할 수 있습니다. 이러한 웹 API는 자바스크립트로 클라이언트 측 개발을 할 때 강력한 도구가 됩니다. 그러나 백엔드 개발에서는 사용할 수 없다는 점을 기억해야 합니다.

🛠️ 변수 선언과 활용

자바스크립트에서 변수는 let, const, 그리고 사용하지 않는 것이 권장되는 var를 통해 선언할 수 있습니다. let은 블록 범위 변수를 선언할 때 사용되며, 값이 변할 수 있는 변수를 선언합니다. 반면에 const는 변경되지 않는 상수를 선언할 때 사용됩니다. 변수를 선언할 때는 식별자를 사용하며, 식별자는 숫자로 시작할 수 없고 예약어를 사용할 수 없습니다. 예를 들어, let currentTemperature = 25와 같이 카멜 케이스를 사용하여 변수명을 작성하는 것이 일반적입니다.

📝 스코프와 호이스팅

스코프는 변수나 함수를 사용할 수 있는 범위를 의미합니다. 자바스크립트에서 변수는 블록 범위와 함수 범위로 나뉩니다. 블록 범위는 {} 안에서만 변수가 유효하며, 블록 외부에서는 사용할 수 없습니다. 호이스팅은 변수나 함수의 선언이 코드의 최상위로 끌어올려지는 현상을 말합니다. 예를 들어, 함수 선언은 실제 선언 위치와 관계없이 코드에서 어디서든 호출할 수 있는 이유가 호이스팅 때문입니다.

🔒 스트릭트 모드와 네이밍 규칙

스트릭트 모드는 자바스크립트의 엄격한 문법을 적용하여 코드의 오류를 사전에 방지하는 기능입니다. "use strict";를 코드 상단에 선언하여 활성화할 수 있으며, 이는 선언되지 않은 변수의 사용을 금지합니다. 또한, 자바스크립트에서는 카멜 케이스를 사용하여 변수를 선언하며, 클래스 선언 시에는 파스칼 케이스를 사용하는 것이 일반적입니다. 이러한 네이밍 규칙은 코드의 가독성을 높이고, 협업 시 일관성을 유지하는 데 중요한 역할을 합니다.

🔗 공식사이트

JavaScript 공식 문서