3. 변수/주석/세미콜론과 들여쓰기

변수(Variable)

문자나 숫자와 같은 값을 담는 일종의 그릇(컨테이너)으로 변하는 것이 가능한 이라는 뜻이다.

변수는 var로 시작한다. var은 생략이 가능하지만 왜 생략하는가에 대한 것을 분명히 알고 써야한다. 그렇지 않다면 var을 써서 사용하는 것이 좋다.

[실습]

var a = 1;

alert(a);

[출력]

1

[예시]

var a = 1;

alert(a + 1); // 2

var a = 2;

alert(a + 1); // 3

변수는 숫자만 들어가는 것이 아니라 문자도 가능하다

[예시]

var first = "coding";

alert(first + " everybody"); // coding everybody

변수를 여러번 사용할 때는 var을 한 번만 쓰고 , 로 대체할 수 있다

[예시]

var a = "coding", b = "everybody";

alert(a); // coding

alert(b); // everybody

변수라는 것은 코드의 재활용성을 높아준다. 재활용성은 좋은 코드를 작성하는데에 가장 중요한 키워드이다.

[예시]

alert(100+10);

alert((100+10)/10);

alert(((100+10)/10)-10);

alert((((100+10)/10)-10)*10);

alert(100 + 10);

100의 값을 변경할 경우 100이 들어가는 부분을 다 변경해줘야 한다.

하지만 100을 변수에 담는다면 변수에 담긴 값만 변경해주면 된다.

[예시]

a = 100;

a = a + 10;

alert(a);

a = a / 10;

alert(a);

a = a - 10;

alert(a);

a = a * 10;      

alert(a);

a = 100 부분만 변경해주면 아래 코드는 건들일 필요 없이 자동으로 값이 변경된다.

변할 수 있는 부분이 군데군데 있다면 변해야 할 부분을 군데군데 찾아야 하기 때문에 버그가 발생할 가능성이 높아지며 유지보수도 힘들어진다.

그러므로 수정해야할 코드가 적을수록 해야할 일이 줄어들고 버그가 발생할 가능성도 낮아진다.

주석(comment)

주석하면 자바스크립트 코드를 해석하지 않고 다음 코드로 넘어간다. 주석 사용법은 주석할 부분 앞에 // 추가해주면 된다.

[예시]

<script>

alert(1+2); // 3 (이 부분이 바로 주석)

</script>

좋은 코드는 좋은 주석을 가지고 있는 코드인데, 좋은 주석이란 적당한 길이의 적합한 내용을 담고 있는 것이다.

정말로 좋은 코드는 주석 조차도 필요치 않은 쉽고 가독성이 좋은 코드임~

// 는 한 줄만 주석처리가 된다. 여러 줄을 주석 처리할 때는 /* */ 이렇게 표시한다.

[예시]

<script>

/*

여러줄

여러줄

여러줄

여러줄

*/

</script>

주석은 이렇게 설명을 하는 용도로 쓰기도 하지만 어떠한 코드를 일시적으로 사용하지 않을 경우에도 사용이 된다.

세미콜론(;)

세미콜론은 명령이 끝났다는 것을 명시적으로 표시하는 기호이다.

세미콜론은 삭제를 해도 잘 동작한다. 하지만 한줄로 코드를 작성할 때에 꼭 필요하므로 세미콜론을 써주는 것을 습관화하는 것이 좋다.

들여쓰기

코드를 작성할 때 들어쓰기를 하여 가독성을 높이도록 한다.

출처: 생활코딩