[모던JS] 006. [기본] 코드 구조(문, 주석)

원문

이 문서에서는 코드 블록을 만드는 방법에 대해 다룬다.

문(statement)

문의 의미

어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 말함.

alert('hello, world!')와 같은 것이 문이다.

문을 작성하는 방법

• 세미콜론(;)으로 구분
  • 세미콜론을 작성하지 않으면 코드가 끝나지 않았다고 생각되어 에러가 발생할 수 있음.
  • 세미콜론에 대해서는 아래에서 추가적으로 다룸.
• 가독성을 위해 하나의 문은 한 줄에 작성하기

// 바른 예
alert("hello");
alert("world");

// 에러 예제 1
alert("에러가 발생합니다.")[1, 2].forEach(alert) // 단일 문으로 인식

// 에러 예제 2
alert("에러가 발생합니다.")

[1, 2].forEach(alert) // forEach는 실행 안 됨

주석(comment)

코드가 복잡할수록 주석을 통해 코드에 대한 코멘트를 다는 것이 가독성을 위해 중요함.

// 한 줄 짜리 주석

/*
여러줄
짜리
주석*/

• 단축키 : ctrl + / (대부분의 에디터, VSCode 포함)

주석을 달면 코드의 길이가 길어지지만 코드를 작성할 때는 아낌없이 작성하고, 배포 단계에서 주석을 삭제하여 압축해주는 방법이 있으니 아낌없이 작성하도록 한다. (코드품질 편에서 자세하게 다룸.)

문의 끝에서 세미콜론을 추가하는 이유

개발자 사이에서 의견이 아직도 갈리는 부분이다. 자바스크립트는 문을 구분할 때 세미콜론을 통해 한다. 하지만 자바스크립트는 자동으로 문을 인식하여 세미콜론을 자동으로 입력해주고, 또 세미콜론이 없더라도 있는 것처럼 자동으로 인식한다. 하지만 과거에는 이러한 자동 기능을 신뢰하지 못해 개발자들이 예기치 못한 버그가 발생할 수 있으니 습관적으로 넣어주라고 했었다. 하지만 실제로 그러한 오류는 많지 않고 하나의 문화나 관습 정도로 이해되는 분위기이다.