[javascript]자바스크립트 기초(1)

1. 변수

1) 변수는 문자와 숫자, $와 _만 사용
2) 첫글자는 숫자가 될 수 없음
3) 예약어는 사용할 수 없음

let let = 99; (X)
let이라는 예약어가 있으므로 사용 불가능한 변수

4) 가급적 상수는 대문자로 알려주기

const MAX_SIXE = 99;

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

2. 자료형

1) 문자형

(1) 문자형은 3가지로 저장한다.

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

(2) 역슬래쉬()는 특수문자 앞에 써주면 특수문자로 인식한다.

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

(3) 백틱(`) 은 문자열 내부에 변수를 넣어줄 때 사용하면 편리하다.

const message3 = `My name is ${name}`
const message4 = `내 나이는 ${30+1}살입니다.`

2) 숫자형

const age = 30;
const PI = 3.14;

console.log(1+2);
console.log(10-3);
console.log(3*2);
console.log(6/3);
console.log(6%4);

3) Boolean

const a = true;
const b = false; 

const name = "Mike";
const age = 30;

console.log(name == 'Mike') // true
console.log(age > 40) // false

4) null과 undefined

null : 존재하지 않는 값
undefined: 값을 할당하지 않음
(이외에 객체형, 심볼형 존재)

let user = null; 

let age;
console.log(age) // undefined

5) typeof

객체의 type을 알아낼 수 있다.

const name = "mike"
console.log(typeof name) // string

typeof null; --> 객체형(object)이 나오지만, null은 객체가 아니다.

3. alert, prompt, confirm

1) alert(): 사용자한테 메시지를 보여줌, 일방적으로 알려줌

const name = alert("alert");

2) prompt(): 사용자한테 값을 입력받음

const name = prompt("이름을 입력하세요.");

• 입력 안 하고 취소 시 null 값 저장
• 디폴트값도 저장 가능

const name = prompt("이름을 입력하세요","김");

3) confirm(): 확인받음

alert과 다르게 취소 버튼이 있다.

const isPay = confirm("구매하시겠습니까?");

• 취소 선택 -> false
• 확인 선택 -> true

단점
1. 스크립트 일시 정지
2. 스타일링 불가능

4. 형변환

• prompt로 입력받은 값은 문자형이다.
• 연산하려면 형변환 필요
• "6" / "2" = 3 -> 자동 형변환 , 원인을 찾기 힘든 에러 발생시키므로 명시적 형변환 필요 (아래 세가지 유형)

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

	String(3) // "3"
	String(true) // "true"

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

Number("1234") // 1234

• 문자열 안에 문자가 들어있으면 NaN이 됨에 유의

Number("1234abcd") // NaN

• 주의사항

Number(null) // 0 , 사용자가 취소버튼 눌렀을 때 null 저장
Number(undefined) // NaN

Number(0) // false
Number('0') // true

Number("") // false
Number('') // true

-> 숫자 0, 빈문자열 : false

true, false는 1, 0으로 변환됨.

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

false로 변환되는 아래 경우 기억

Boolean(0)
Boolean("") // 비어있는 문자열
Boolean(null)
Boolean(undefined)
Boolean(NaN)

5. 연산자

• 수학과 똑같이 연산자 우선순위 존재 * , / 가 + , - 보다 먼저 실행
• 일치 연산자 : ===

6. 반복문(for, while, do while)

1) for

for(let i = 0; i < 10; i++) {
//반복할 코드
}

2) while

let i = 0
while ( i < 10 ){
console.log(i);
i++;
}

3) do.. while

적어도 1회는 실행함

let i = 0;

do { 
//코드
i++;
} while ( i < 10) 

4) break, continue

(1) break : 반복문을 멈추고 빠져나옴

while(true){
	let answer = confirm('계속할까요?');
    if(!answer){
    	break;
    }
}

(2) continue : 반복문을 빠져나오지는 않고, 코드실행만 건너뜀
for문 안의 문장을 수행하는 도중에 continue문을 만나면 for문의 처음으로 돌아가게 된다.

for(let i = 0; i < 10; i++){
	if(i%2){
    	continue; 
    }
    console.log(i) // 0,2,4,6,8,10
}