[Javascript] Hello World!

Bam·2022년 2월 18일
0

Javascript

목록 보기
3/106
post-thumbnail

자바스크립트 시리즈는 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이기 때문에 이 값이 변할 경우에만 따로 명시해주면 됩니다.

0개의 댓글