🎈 글쓰기에 앞서 해당 강의는 인프런에서 제공하는 "웹 프론트엔드를 위한 자바스크립트 첫 걸음" 강의의 내용을 토대로 학습한 내용입니다.
무료로 제공해주신 Hyobin 강사님께 감사의 말씀을 드립니다. 😄
let 키워드
JavaScript의 변수 선언은 다음과 같습니다.
let color = "Violet";
console.log(color);
>>> Violet자바스크립트를 통해 개발 시 변수를 선언할 때 지켜야 하는 규칙은 다음과 같습니다.
$와_를 제외한 기호는 변수 선언이 불가합니다.
/* 사용 가능 ✅ */
let $name;
let my_phone_Num;
/* 사용 불가 ❌ */
let #construct;
let dog&cat;- 변수명의 맨 앞은 숫자 사용이 불가능 합니다.
/* 사용 가능 ✅ */
let myFoodList01;
let myBirthDayIs0731;
/* 사용 불가 ❌ */
let 0731hbd;
let 2ndData;- 예약어는 사용 불가합니다.
/* 사용 불가 ❌ */
let continue;
let catch;
.
.
.
등등의 예약어는 사용 불가.카멜 표기법
개발을 하다보면 변수명을 길게 해야하는 경우가 매우 많습니다.
이 때 변수 선언 시 어떤 변수가 더 보기 좋을까요?
let checkusernamelist; // 가독성이 낮다.
let checkUserNameList; // 카멜 표기법 적용 ✅이처럼 카멜 표기법은 변수의 각 단어의 첫 글자에 대문자로 표기하여 보다 직관적으로 보이게끔 하여 해당 변수가 무엇인지 쉽게 알 수 있습니다.
동적 타입
자바스크립트는 다른 언어와는 다르게 타입 지정 없이 변수 선언이 가능합니다.
다음은 Java에서의 변수 선언입니다.
String myName = "나는 이재찬이에요."; // 문자열
myName = 0731; ❌ 문자열 타입으로 지정된 변수에는 숫자가 들어갈 수 없어요.다음은 JavaScript에서의 변수 타입 지정입니다.
let myName = "나는 이재찬이에요.";
console.log(typeof myName);
>>> 결과 : string
myName = 731;
console.log(typeof myName);
>>> 결과 : number
✅ 문자열(string)에서 number(int)로 바뀜 !이처럼 자바스크립트는 값이 바뀔 때마다 타입이 바뀌는 동적 타입 언어입니다.
const
하지만 개발을 하다보면 값이 변하면 안되는 값들이 있죠.
이 때 사용하는 키워드가 const 입니다.
const myName = "JaeChan";
myName = "이재찬"; ❌ 에러!
>>> 'myName' is constant. (no-const-assign)다음은 개발 시 상수(const)를 사용한 예시 입니다.
const JAECHAN_GITHUB_URL = "https://github.com/DevJaepaL";
const JAECHAN_VELOG_URL = "https://velog.io/@jaepal";
const USER_BIRTH = "2000-07-31";이 처럼 프로그램 실행 도중 값이 바뀌면 안되는 값들을 지정할 때는 const를 사용합니다.
