이 블로깅은 모던 JavaScript 튜토리얼을 공부하며 적는 글입니다.
모던 JavaScript 튜토리얼

코드 구조

문 이란

문은 어떤 작업을 수행하는 문법 구조와 명령어를 의미
코드엔 원하는 만큼 문을 작성할 수 있다.
서로 다른 문은 세미콜론 ';'으로 구분

alert('Hello'); alert('World');

OR

alert('hello');
alert('world');

줄 바꿈이 있다면 세미콜론은 생략이 가능하다.
자바스크립트가 줄바꿈을 하면 자동으로 세미콜론을 붙여주며 해석한다. 이런 것을 세미콜론 자동삽입이라 한다.

하지만 모든 줄바꿈이 세미콜론을 붙여주는건 아니다

alert(3 +
1
+ 2);

어떤줄이 +로 끝나면 그줄은 다음줄까지 읽어 6을 출력하는것을 볼 수 있다.

그리고 대괄호 앞에는 세미콜론이 있다고 가정하지 않기 때문에 자동삽입이 일어나지 않는 경우도 있다

alert("안녕")
[1,2,3].forEach(alert); //에러 발생

이러한 현상들 때문에 항상 문이 끝날때는 세미콜론을 붙여주는 습관이 필요하다(일관성)

주석

코드를 짜면 짤수록 프로그램은 복잡해지며 기능은 많아진다.
시멘틱적인 변수와 함수를 이용하여 짜더라도 시간이 지나고 내 코드를 보면 이해를 못할 경우도 있으며, 협업시 남들이 나의 코드를 이해 못할수도 있기 때문에 필요한 곳에는 주석이 필요하다.

주석은 스크립트 어느곳에서나 작성이 가능하고, 엔진은 이러한 주석을 해석안하고 무시하기 때문에 실행에 영향을 주지 않는다.

• 한줄 주석
  // 을 사용한다

• 여러줄 주석
  / 내용 / 을 사용한다

// 더한값을 출력하는 콘솔
console.log(a + b);

/* 
이것은 여러줄 주석을
작성할 수 
있습니다.
*/

단축키
Window : Ctrl + / & Ctrl + Shift + /
Mac : Cmd + / & Cmd + option + /