자바스크립트 시리즈는
HTML
을 어느정도 알고 있다는 가정 하에 작성되었습니다.
다음은 웹 페이지를 구성하는 html 문서입니다. 처음 생성한 상태 그대로입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
자바스크립트 코드는 <head>
태그 사이 혹은 <body>
태그 사이 어딘가에 <script>
태그를 삽입하고 그 사이에 작성합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
console.log('Hello World!');
</script>
</head>
<body>
</body>
</html>
그리고 이 html 문서를 열고 개발자 도구의 Console 탭을 확인하면 다음과 같이 문자열이 출력됩니다. 우리는 이렇게 첫 번째 자바스크립트 코드를 작성하는데 성공했습니다.
<script type="text/javascript">
console.log('Hello World!');
</script>
<script>
태그의 type 속성은 생략해도 됩니다. 기본값이 text/javascript
이기 때문에 이 값이 변할 경우에만 따로 명시해주면 됩니다.