티스토리 뷰

Javascript

Javascript 기초 문법

seop8044 2022. 1. 24. 09:11

자바스크립트 선언문

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

자바스크립트 주석처리

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

코드 입력시 주의사항

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

날짜 객체 생성: New date(); (X)
날짜 객체 생성: new 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)

변수란?

변수(Variables)는 변하는 데이터(값)를 저장할 수 있는 메모리 공간입니다.
변수에는 데이터가 오직 한 개만 저장됩니다.그러다 보니 새로운 데이터가 들어오면 기존에 있는 데이터는 메모리 공간에서 지워지게 됩니다.
변수에 저장할 수 있는 데이터의 종류로는 문자형(String), 숫자형(Number), 논리형(boolean) 그리고 빈(Null) 데이터가 있습니다.

변수 선언 방법

var 변수명 = 값;
let 변수명 = 값;

변수 선언하는 방법은 var 키워드를 변수명 앞에 붙입니다.
변수명에는 한글을 사용할 수 없으며, 영문과 숫자 그리고 일부 특수 문자(_,$)만 포함할 수 있습니다.

변수명

자바스크립트에는 의미를 가진 단어들이 있기 때문에 사용자가 임의로 사용할 수 없는 단어들이 있습니다.

키워드 : 자바스크립트에서 사용하는 단어
식별자 : 사용자가 임의로 사용하는 단어

식별자를 만드는 규칙

  • 사용자가 사용할 수 있는 문자 : 알파벳(a~z,A~Z), 숫자(0~9), 언더바(_), 달러기호($)
  • 첫 글자는 숫자를 사용할 수 없습니다.
  • 공백을 사용할 수 없습니다. : 언더바(_) 사용가능, 하이픈(-) 사용안됩니다.
  • 특수기호를 사용할 수 없습니다. : 달러기호($)는 사용가능합니다.
  • 키워드를 사용할 수 없습니다.

단어를 조합할 때 규칙

  • 언더스코어 노테이션 : (color_top) : 중간에 '_'를 사용합니다.
  • 캐멜 노테이션 : (colorTop) : 두번째 단어의 첫 글자를 대문자로 사용합니다.
  • 파스칼 노테이션 : (ColorTop) : 모든 단어의 첫 글자를 대문자로 사용합니다.

'Javascript' 카테고리의 다른 글

Javascript 반복문  (0) 2022.01.28
Javascript 조건문  (0) 2022.01.28
Javascript 연산자  (0) 2022.01.26
Javascript 변수의 데이터 타입  (0) 2022.01.24
for() 문과 while()문을 이용해서 출력하기  (13) 2022.01.19

UP NEXT : Javascript

댓글
© 2018 webstoryboy