반응형
1. script 태그 |
javascript 코드 구현을 하기 위한 태그
-- 내부 script
: 코드가 비교적 짧을 때 사용, body태그 내부에 위치
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script>
alert("Hello World!");
</script>
</body>
</html>** 웹 페이지를 실행했을 때 Hello World! 라는 경고창(alert)을 띄운다. 코드가 끝나는 부분에 세미콜론을 찍어 다른 코드와 구분
-- 외부 script
: 외부 스크립트 파일 연결시 src속성을 통해 js파일의 경로를 적어준다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>** 자바스크립트의 코드 양이 많을 경우 외부 파일을 따로 생성하여 html과 구분하여 주는 것이 좋다.
2. 콘솔 창 사용하기 |
자바스크립트를 처음 작성하다 보면 많은 에러들을 마주하게 된다. 그런 에러들이 어디서 발생되었는지 간단하게 알려주는 도구가 있는데 chrome 브라우저의 개발자도구이다.
[마우스 오른쪽 클릭] > [검사 클릭] > [console 클릭]
또는 [F12 클릭] > [console 클릭]
코드 에디터를 통해 코드를 작성한 뒤 크롬으로 웹 페이지를 확인했을 때 제대로 작동하지 않을 경우 콘솔창을 이용해 디버깅 한다.
3. 주석 사용하기 |
주석은 코드에 대한 설명을 달고 싶을 때 주로 사용한다. 주석은 코드 실행 시 무시되며 단축키 Ctrl + /를 통해 주석을 달 수 있다. 다른 사람이 내 코드를 보았을 때 코드에 대한 설명이 있으면 이해하기 편하며 오래전에 작성한 내 코드를 봤을 때도
이해하기 어려운 부분이 있을 때 주석을 참고한다.
alert('HELLO') // HELLO 경고창을 띄움
반응형
'javascript' 카테고리의 다른 글
| JavaScript 시작하기 - 반복문 (0) | 2023.01.21 |
|---|---|
| JavaScript 시작하기 - 조건문 사용하기 (0) | 2022.11.08 |
| JavaScript 시작하기 - 연산자의 종류 (0) | 2022.11.05 |
| JavaScript 시작하기 - 자료형 (0) | 2022.11.05 |
| JavaScript 시작하기 - 변수 선언하기 (0) | 2022.11.02 |