안녕하세요 오늘은 주석에 관련된 자바스크립트를 공부해 보겠습니다.
주석을 이용하면 주석 뒤의 내용은 자바스크립트에서 해석을 하지 않습니다.
먼저 아래와 같은 코드를 작성후 크롬에서 열어주고 개발자 모드를 킨다면
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
<script type="text/javascript">
주석
</script>
</body>
</html>
|
cs |
아래와 같은 에러를 볼수 있습니다. 요기서 at demo2.html:10:2 는 demo2.html 파일에서 에러가 발생하였고 뒤에 숫자는 몇번째 줄에서 발생한거지를 표시해 준것입니다.
demo2.html:10:2 버튼을 클릭해 주면 Sources 창을 열어주고 어디에 에러가 난건지 확인이 가능합니다.
주석을 사용하기 위해서는 //을 앞에 붙여 주면 됩니다. //뒤의 모든 내용은 주석처리가 됩니다.
주석을 적용하고 난뒤 개발자 모드를 살펴보면 에러가 발생하지 않은것을 볼수있습니다.
보통 주석은 도움말을 쓸때 또는 코드를 설명할때 또는 어떤 코드를 일시적으로 사용하지 않을 때 사용합니다.
잘 만들어진 코드는 좋은 주석을 달고 있는 코드라고 합니다.
너무 과하지도 부족하지도 않은 설명을 달아주는 것이 중요합니다.
주석은 미래의 나 또는 타인에게 도움을 주기 위해 사용합니다.
주석을 여러줄 사용하기 위해서는 /* */ 사이에 내용을 넣으면 됩니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
<script type="text/javascript">
//주석
/*
주석
주석
주석
주석
*/
</script>
</body>
</html>
|
cs |
위의 사진처럼 사용이 가능합니다.
줄바꿈과 여백
먼저 ";"은 명령이 끝났다는 것을 명시적으로 표시할때 사용 생략이 가능합니다. 자바스크립트는 줄이 바뀌면 명령이 끝났다고 판단 하지만 한줄에 2개의 명령을 쓰고 싶다면 ;은 생략을 해서는 안된다.
|
1
2
3
4
|
<script type="text/javascript">
var a = 1; alert(a);
</script>
|
cs |
위의 소스와 같이 2번째 줄처럼 2개의 명령을 한줄에 써줄때 ; 생략은 안된다.
Tab을 누르면 스페이스 4번정도의 들여쓰기가 수행됩니다.
참고
https://www.youtube.com/watch?v=dJsKY2v0FBg&list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU&index=12
'TIL > JavaScript with 생활코딩' 카테고리의 다른 글
| JavaScript - 조건문(1/5, 2,/5, 3/5, 4/5, 5/5) 6 (0) | 2024.08.07 |
|---|---|
| JavaScript - 비교(1/4, 2/4, 3/4, 4/4) 5 (0) | 2024.06.28 |
| JavaScript - 변수(1/2,2/2) 3 (0) | 2024.06.21 |
| JavaScript - 숫자와 문자(3/4,4/4) 2 (0) | 2024.06.21 |
| JavaScript - 숫자와 문자(1/4,2/4) 2 (0) | 2024.06.19 |
