Dr Ghost Dev

[Web] JavaScript 기본 개념, HTML과 JS연결, 주석 본문

Front-End/JavaScript(Web)

[Web] JavaScript 기본 개념, HTML과 JS연결, 주석

Dr Ghost 2023. 10. 20. 17:14
반응형

웹 서비스 개발을 할 때 동적인 요소들을 표현하기 위해 자바스크립트 언어를 사용한다. 자바스크립트를 사용하는 방법과 문법에 대해 알아보자.

 

1. HTML파일에서의 사용

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>

        <script>
            
        </script>
    </body>
</html>

보통 body영역 맨 마지막에 script 태그를 만들고 그 사이에 자바스크립트 코드를 작성한다.

 

2. 자바스크립트 파일에 작성

JS 파일을 따로 만들어 그 곳에 자바스크립트 코드를 작성한다. 다만 HTML파일과 JS파일을 연결시키는 작업을 해야 한다.

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>

        <script src="test.js"></script>
    </body>
</html>

<script src="JS파일이름"></script> 를 HTML파일에 작성하여 두 파일을 연결시킨다.

 

주석사용

주석은 코드를 사용하는 도중에 코드에 대한 메모를 하거나 코드를 지우지 않고 작동시키지 않을 때 사용한다.

한 줄 주석 : //

묶음 주석 : /* */

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        

        <script>
            //var num = 9;
            var num = 9;
            /*var num = 9;
            var num = 9;
            var num = 9;*/
        </script>
    </body>
</html>

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Front-End > JavaScript(Web)' 카테고리의 다른 글

[Mac] Homebrew를 사용하여 Node.js 설치하기  (0) 2023.10.23
[Web] 배열(Array)  (0) 2023.10.20
[Web] 변수, 자료형, 조건문(if), 반복문(for, while)  (0) 2023.10.20
'Front-End/JavaScript(Web)' Related Articles more