코딩앙마 TIL [자바스크립트 기초 강좌 #1 - 변수]

CODEPEN 이용
https://codepen.io
다른 사람과 코드 공유 가능한 곳.

🎀
name = "Mike";
age = 30;

;는 한 줄이 끝났다는 의미. 생략해도 되지만 한 줄이 적어주는 게 좋음.
문자는 항상 따옴표로 감싸줄 것. ''나 "" 사용.(둘 다 상관 X)
javascript에서 이미 사용하는 단어는 예약어라고 부르며 변수로 사용 불가능.
ex. class = "수업" (X)
class가 예약어이기 때문.

🎀
alert()
경고창을 띄우는 함수
console.log()
log를 찍는 함수

name = "Mike";
age = 30;

alert(name);

-> Mike라고 창이 뜬다.

name = "Mike";
age = 30;

console.log(age);

-> 30을 보여줌.

🎀
다만, 변수 이름을 name으로 지정하는 것은 위험하다. 혼자하는 프로젝트일 때는 상관없지만, 팀 프로젝트 시 누군가가 name이라는 변수에 다른 값을 넣을 경우 마지막으로 선언한 값이 지정되기 때문.
따라서 let과 const가 존재함.

let name = "Mike"

// 1000 lines..

let name = "google"

위처럼 입력하면 "Identifier 'name' has already been declared"라는 경고 문구가 뜬다.

let은 한 번 선언 후 다른 값으로 바꿀 수 있다.
아래처럼 의도적으로 let을 생략하고 적으면 된다.

let grade = "F"

// ... 1000lines

grade = "A+";

const는 절대로 바뀌지 않는 상수를 의미. 수정X. 대문자로 선언하는 게 좋음. 다른 개발자들에게 상수라는 것을 알림.
ex. 파이, 최대값, 생일 등
const PI = 3.14;
const SPEED_LIMIT = 50;
const BIRTH_DAY = '2020-01-01';

팁 : 일단 모든 변수를 const로 설정하고, 나중에 변경될 여지가 있는 것들만 let으로 바꾸면 됨.

🎀
몇 가지 더!!
1. 변수는 문자와 숫자, $와_만 사용 ex. const MY_HOME = "···"; let_=1; let$=3;

2. 첫글자는 숫자가 될 수 없다.
   ex. let 1stGrade = 'A+'; XXXXXXXXX

3. 예약어는 사용할 수 없다.
   ex. let let = 99; XXXXXXXX

4. 가급적 상수는 대문자로 알려주세요
   ex. const MAX_SIZE = 99;

5. 변수명은 읽기 쉽고 이해할 수 있게 선언.