자바스크립트자체가 syblinme text에 똑같에 html, css작업을 했던 것처럼 작성을 하는데 상당히 비슷한 내용같지만 다를것 같다 일단 자바스크립트는 거의 js라는 폴더를 많이 사용한다고 한다. 우선순위도 css와 마찬가지로 위에서 부터 순차적으로 진행되는걸 주의 해야겠다
연동을 할때 주의점은 src 속성으로 연동을 하고 스크립트 태그 안쪽에다가 또 자바스크립트를 연동을 하면 스크립트 안에 작성된 코드 AAA는 적용이 되지 않는다
그래서 src로만 연동시키거나 script태그안에 다이렉트로 연동을 시켜야한다
절대로 두가지를 포용해서 사용하면 안된다.
자바스크립트에서 주석을 다는건 두가지가 있는데 css에서 사용했었던 방법인
첫번째 방법은(/* * /)를 사용하는거다 (전체주석)
두번째 방법은 // 를 사용하는 것이다 두번째 방법은 한줄을 주석처리하기 때문에 주석안에 주석을 넣어도 된다. 자바스크립트와 css,html 의 차이점이다
// null, undefined
null : 변수 초기화로 명시적으로 .... 빈값을 변수 안에 할당한 상태 이다
var n = nall;
undefined 변수를 선언만 한 상태
var u;
// null과 undefined 차이점
console.log(typeof null);
console.log(typeof undefined);
typeof 는 typeof 띄고 한칸 뒤에 입력된 데이터가 어떠한 데이터 타입을 가지고 있는지 사용자 한테 알려주는 키워드라고 생각하면 된다.
예를 들어
console.log(typeof 10);
console.log(typeof "Hello World"); 를 작성을 하고 결과를 보면 숫자를 입력 한 곳엔 number 가 나오고 문자를 입력한 부분엔 string이 나온다
그럼 여기서 undefined를 입력한 부분은 undefined 라 나오는데 unll은 object로 나오게 된다
object는 참조 타입에 있는 객체이다. 하지만 원래 null은 데이터타입으로 원시타입에 있는 데이터타입 그냥 null일 뿐이다 하지만 typeof에서 object로 나타나는 이유는 null이 태생적으로 가지고 있는 버그 때문이다 그리고 이 버그는 수정을 할 수 없다 단지 버그정도로만 기억하면 된다
null은 null 데이터타입이다
두번째로 console.log(null == undefined);
console.log(null === undefined) 를 적용하면 등호 두개일땐 true 이고 세개일땐 false로 출력이 된다 등호 세개일땐 데이터타입 자체가 다르기 때문에 false로 출력된다
세번째로 부정문을 null과 undefined에 적용을 시켜볼 것이다 여기서 부정은 ! 를 의미한다
console.log(!true); 는 false가 출력되고
console.log(!false); 는 true가 출력된다
console.log(!null); 는 true로 반환이 된다
console.log(!!null); 처럼 부정을 다시 부정을 할 수 있다 즉 false로 출력된다 null로 출력이 될 것 같지만 반환했을 때 true로 출력이 됬기에 기준이 true가 된다
console.log(!undefined); 와 console.log(!!undefined) 도 null에 부정한것과 같은 결과가 나온다
연산자 (덧셈)와 결합을 하면 console.log(10 + null); 은 10이 출력이 된다 즉 null은 0으로 입력이 된다 console.log(10 + undefined);은 NaN 결과가 나온다 (Nat a Namber) 숫자가 아니다라는 걸 의미한다