교재 : 자바스크립트 프로그래밍 입문
이건 알고 들어가자~
1. 자바스크립트는 코드 끝에 ';(세미콜론)'을 붙여줘야 한다!!
=> why? 세미콜론을 안 써도 돌아가긴 하는데, 웹 브라우저에서 사용하는 자바스크립트는 코드를 조금이라도 줄이려고 개행을 제거하는데 이 때 세밀콜론이 필요하다. 즉, 세미콜론으로 문장을 구분해주는 것이 자바스크립트 개발자의 관례다.
2. 자바스크립트 자료형은 요기서 체크
3. python과 똑같은 것은 제외함
1. 변수 선언은 3가지 방식이 있다.
a = 10;
let a = 10;
var a = 10;
const = 10; // 상수
2. let과 var는 뭐가 다를까??
재선언의 차이다.
코드를 보면 알겠지만, let의 경우 똑같은 이름의 변수를 재선언할 시 이미 선언된 변수라는 에러가 뜨지만 var는 그렇지 않다. var의 경우 코드가 길어질 때 똑같은 이름의 변수를 재선언 할 수도 있어서 굉장히 위험한 코드 선언 방식이다.
(+) 변수 선언문을 쓰지 않고 정의 했을 때는 var와 똑같은 결과를 보인다.
(+) let과 var를 섞어 쓰면 어떨까 했는데, 일단 let이 들어가면 모두 이미 선언되었다는 에러가 뜨는 것 같다.
3. typeof
let a = '자바스크립';
console.log(typeof(a)); // 기존 변수
console.log(typeof a);
console.log(typeof 10);
console.log(typeof(10));
4. boolean
console.log(30>20>10);
a=30>20; // True=1
b=a>10; // 1>10? False
console.log(b) // False
: python과 C는 이런 연산이 안 되지만 자바 스크립트는 가능하다!!!
5. 템플릿 문자열
let a = 18;
console.log('소곡이의 나이는 ${a}세입니다. ');
console.log(`소곡이의 나이는 ${a}세입니다. `); // 템플릿 문자열
const output1 = '소곡이의 나이는 ${a}세입니다. ';
console.log(output1);
자바스크립트에서 문자열에 변수를 섞어쓸 때 '+' 연산자를 써도 되지만 이건 좀 번거롭다. 그래서 템플릿 문자열을 사용하는데 ''(작은 따옴표)가 아니라 ``(백틱)이다. esc바로 밑에 있다.
정리: 백틱 문자열 안에다가 ${변수 이름}
6. 강제 자료형 변환
let a = '18';
let b = 'true';
let c = 23;
console.log(Number(a));
console.log(Boolean(b));
console.log(String(c));
7. NaN(Not a Number): 숫자 자료형이지만 숫자가 아님
console.log(Number(true));
console.log(Number(false));
console.log(Number('앙'));
true가 1이고, false가 0이라는 건 이전에 프로그래밍을 배운 사람들이라면 다 알거다. 하지만 문자열은 숫자가 아니다.
8. NaN인지 확인하는 방법: isNaN()
let nan = Number('치즈스틱');
console.log(nan==nan);
console.log(nan!=nan);
console.log(isNaN(nan));
9. Boolean()
강제 자료형 변환 중 Boolean()은 아래 5개 요소를 제외하고 모두 true로 변환한다.
- 0
- NaN
- "" (빈 문자열
- NULL
- undefined
10. 자동 자료형 변환
1) 숫자 + 문자열
let a = 52+"273";
console.log(a);
console.log(typeof a);
2) 표현식에 !연산자를 사용할 때 bool 자료형으로 자동 변환 됨
let nan = Number('안녕');
console.log(nan);
console.log(!nan); // nan은 원래 false
console.log(!null); // null은 원래 false
console.log(!true)
11. 일치 연산자 ===, !==: 자료형까지 일치하는지 검사하는 연산자
console.log(52=="52");
console.log(52==="52");
12. 나머지 연산자 %
1) 부호는 왼쪽 피연산자를 따름
console.log(-4%3);
console.log(4%-3);
console.log(-4%-3);
2) 소수점이 있는 숫자에 적용하면 안 됨
console.log(5.0%2.2);
: 소수점이 있는 숫자 연산에 제한이 있어서 원래는 0.6을 도출해야 하지만, 0.5999...라는 이상한 값을 출력하기 때문.
(+) 이걸 파이썬으로 해보니... 뭔가 흠....
'자바스크립트' 카테고리의 다른 글
[node.js] 서버 손쉽게 열어보시겠습니까? (+DB) (0) | 2022.08.11 |
---|---|
[❤️두근두근 자바스크립트 공략❤️] 6장 객체 (1) | 2022.07.30 |
[❤️두근두근 자바스크립트 공략❤️] 5장 함수 (1) | 2022.07.06 |
[❤️두근두근 자바스크립트 공략❤️] 3장 조건문, 4장 반복문 (0) | 2022.05.23 |