자바스크립트 기초 문법

 

name = "Mike";
age = 30;

작은 프로젝트는 괜찮지만, 큰 프로젝트에서는 결함이 있을 수 있음.

-> 다른 사람이 name이라는 변수명은 name = "Google";로 바꿔버리면 JS는 마지막 변수명을 기준으로 잡기에 오류가 발생할 수 있다.

let name = "Mike";
let name = "google";

이러한 식으로 바꾸게 되면 오류가 나기에 다른 개발자는 이를 알 수 있다.

BUT

Let은 사실 여러번 선언할 수 있긴하다.

let grade = "F";
grade = "A+";

const

절대로 바뀌지 않는 상수, 수정 X, 대문자로 선언하는 것이 좋음

 

JS에서 변수 선언시 - 변하지 않는 값 const / 변할 수 있는 값 let

 

첫째, 변수는 문자와 숫자, $와 _만 사용

둘째, 첫글자는 숫자가 될 수 없다.

셋째, 예약어는 사용할 수 없다.

넷째, 가급적 상수는 대문자다.

다섯째, 변수명은 읽기 쉽고 이해할 수 있게끔 선언한다.

 

문자는 "" '' `` 이 있음.

 

const name1 = "Mike"
const name2 = 'Mike'
const name3 = `Mike`

const message = "I'm a boy."
const message2 = "I\'m a boy.';

const message3 = `My name is ${name}`;

const message4 = `나는 $[30+1]살 입니다.`;
console.log(message4);

 

숫자는 더하기 빼기 곱하기 나누기 % 나머지 

 

NoN = Not a number

Boolean -> true / false

 

# 주의 `` 벡틱과 "" 은 다르다!

``으로 하게 되면 변수명이 변하지만, ""으로 하게되면 변수명이 그대로 노출되기에 이는 참고하길 바란다.

 

 alert 알려줌

prompt 입력 받음

const name = prompt("이름을 입력하세요.");
alert("환영합니다, " + name + "님");

prompt는 default 값도 입력할 수 있다.

두개의 인수를 가질 수 있고, 첫 번째값은 입력창 (위에 소개란?같은거)

두번째 값은 Default값으로 설정할 수 있다.

 

confirm 확인 받음

const isAdult = confirm("당신은 성인 입니까?");
 
 console.log(isAdult)

confirm은 다른점이 확인/취소 버튼이 있다.

확인을 누르면 True를, 취소를 누르면 false가 된다.

 

즉, alert는 그냥 메세지 창

prompt는 사용자에게 메시지를 보여주고 어떤값을 입력받을 수 있는 field를 제공

confirm은 사용자에게 확인을 받기 위한, true/false

 

단점

1. 스크립트 일시 정지

2. 스타일링 X  (디자이너와의 충돌)

 

String() -> 문자형으로 변환

Number() -> 숫자형으로 변환

Boolean() -> 불린형으로 변환