티스토리 뷰

Javascript

자바스크립트-기초 문법

오이연우오 2022. 2. 16. 02:01

자바스크립트 선언문

선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것이라고 이해하면 됩니다. <script>라는 태그로 선언문이 시작된 곳부터 </script>라는 태그로 종료된 곳까지를 스크립트 영역이라고 부릅니다.

기본형

<script>
    자바스크립트 코드;
</script>

선언문은 <head> 태그 영역 또는 <body> 태그 영역에 선언하면 됩니다. 우리나라 개발자의 대부분은 <head> 태그 영역에 선언한고 있습니다. 우리도 <head> 태그 영역에 선언하겠습니다.

선언문 예제

<!DOCTYPE html>
<html lang="ko">
<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&gtDocument&lt/title>
    
    <script>
        document.write("환영합니다.");
    </script>

</head>
<body>
</body>
</html>

자바스크립트 주석처리

자바스크립트 선언문 안에서 코드가 아닌 설명글을 넣고 싶을 때는 주석 처리를 하면 됩니다. 이때 한 줄 주석일 경우에는 '//한 줄 설명글'로 작성하고, 여러 줄 주석일 경우에는 '/*여러 줄 설명글*/'로 작성하시면 됩니다.

//한 줄 설명글인 경우
/*
    설명글이 여러 줄인 경우
    이렇게 처리합니다.
*/
<!--HTML 소스의 설명글은 이렇게 처리합니다.-->

코드 입력시 주의사항

1. 자바스크립트는 대소문자를 구분하여 작성합니다.

날짜 객체 생성: New date();(X)
날짜 객체 생성: enw Date();(O)

2. 코드 한 줄을 작성한 후에는 세미콜론(;)을 쓰는 것이 좋습니다. 세미콜론을 쓰지 않으면 다음 예제처럼 한 줄에 2개의 코드를 작성할 경우 오류가 발행삽니다.

document.write("hi") document.write("bye") (X)
document.write("hi"); document.write("bye"); (O)

3. 하지만 코드를 작성할 때는 한 줄에 한 문장만 작성하는 것이 가독성을 위해 좋습니다.

4. 문자형 데이터를 작성할 때는 큰따옴표("")와 작은따옴표('')의 겹침 오류를 주의해야 합니다.

큰따옴표 겹침 오류
document.write("책에 "자바스크립트는 대소문자를 구분해야 합니다."라고 나와있다.");

잘된 예
document.write('책에 "자바스크립트는 대소문자를 구분해야 합니다."라고 나와 있다.');
document.write("책에 '자바스크립트는 대소문자를 구분해야 합니다.'라고 나와 있다.");

5. 코드를 작성할 때 중괄호{} 또는 소괄호()의 짝이 맞아야 합니다.

document.write("welcome!";(X)
document.write("welcome!");(O)

'Javascript' 카테고리의 다른 글

자바스크립트 - 반복문  (0) 2022.02.16
자바스크립트 - 조건문  (0) 2022.02.16
자바스크립트 - 연산자  (0) 2022.02.16
자바스크립트 - 자료형  (0) 2022.02.16
자바스크립트 - 변수  (0) 2022.02.16

UP NEXT : Javascript

댓글
© 2018 webstoryboy