Hello wolrd 응애!
https://ko.javascript.info/hello-world#ref-61
오늘 읽은 파트를 통해 알게 된 지식
외부스크립트의 효율성
당연하게 외부스크립트를 쓰고 있었지만, 왜일까?라는 생각은 자세히 해보지 못했다. 스크립트를 별도의 파일로 작성하면 브라우저가 스크립트를 다운받아 캐시에 저장한다. 때문에 여러 페이지에서 같은 스크립트를 사용할 때 다시 다운받을 필요없다.
결국 트래픽이 절약되고 웹페이지 실제 속도가 빨라진다!
src 속성이 있을 때 내부에 적은 코드
는 무시된다!
코드의 구조 - 코드 블록을 만드는 방법!
https://ko.javascript.info/structure
1. 문(statement)
문은 어떤 작업을 수행하는 문법구조와 명령어(command)를 의미합니다.(문장이라
1) 서로 다른 문은 세미콜론으로 구분한다.
2) 가독성을 높이기 위해 다른 줄에 작성하는 것이 일반적이다.
alert('Java!');
alert('Script!');3) 세미콜론 자동삽입(automatic semicolon insertion)
줄바꿈이 있다면 세미콜론을 생략해도 된다.
- 줄 바꿈 = 세미콜론
alert('Java!')
alert('Script!')하지만, 아래와 같이 세미콜론을 의미하지 않는 경우도 있다.
- 줄바꿈 ≠ 세미콜론
alert(3 +
1
+ 2);❗❗❗세미콜론 없을 때 오류나는 경우❗❗❗
이런 상황에서 발생하는 에러는 찾거나 고치기 어렵다고 한다.
자바스크립트는 대괄호 [...]앞에 세미콜론이 있다고 가정하지 않는다.
따라서 서로다른 구문 alert()와 [ ]forEach 사이에 세미콜론이 없을 때
alert("에러가 발생합니다.")
[1, 2].forEach(alert)에러가 발생된다!
자바스크립트는 위 구문을 다음과 같이 한 구문으로 인식하기 때문이다.
alert("에러가 발생합니다.")[1, 2].forEach(alert)2. 주석(comment)
자바스크립트 내용이 복잡해지면 설명을 달기위한 주석이 필요합니다.
1) 한줄주석 - //
두 개의 슬래시로 시작한다.
2) 여러줄 주석 - /* */
** 중첩 주석은 지원안됨
/*
/* 중첩 주석 ?!? */
*/❌