코드랩 레퍼런스

자바스크립트 작성법 본문

JAVASCRIPT

자바스크립트 작성법

webstoryboy 2018. 6. 3. 19:16
자바스크립트를 쓰기 위한 기본 문법입니다. 프로그램을 작성할 때 일정한 규칙을 지켜줘야 오류 없이 실행할 수 있습니다.

자바스크립트는 대문자와 소문자를 구별하여 처리해야 합니다.

프로그램을 구성하는 최소 단위를 토근(어휘)이라고 하며, 자바스크립트는 프로그램을 실행하기 전에 프로그램을 토큰으로 분해하여 처리합니다. 이런 동작을 구문 분석(파싱)이라고 합니다.

일반적으로 특정 코드에 대한 설명을 입력하거나 특정한 부분의 코드가 실행되지 않도록 사용하는 용도로 사용합니다. 주석 표시는 프로그램에 영향을 미치지 않습니다.

/* ... */ : 여러줄에 주석을 적용하는 경우
// : 한 줄에 주석을 적용하는 경우

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

키워드(예약어) : 자바스크립트에서 정해진 단어
식별자 : 사용자가 임의로 사용하는 단어

다음의 키워드는 자바스크립트에서 사용하기 때문에 사용자가 임의로 사용할 수 없습니다.

ECMAScript6의 예약어
break case catch class const continue
debugger default delete do else export
extends false finally for function if
import in instanceof new null rutrun
super switch this throw true try
typeof var void while with yield
전역 변수와 전역 함수(사용해도 오류는 발생하지 않지만 자바스크리트가 가진 기본 기능을 사용할 수 없게 됩니다.)
arguments Array Boolean Date decodeURI
decodeURIComponent encodeURI encodeURIComponent Error eval
EvalError Function Infinity isFinite isNaN
JSON Math NaN Number Object
parseFloat parseInt RangeError RefferenceError RegExp
String SyntaxError TypeError undefined URIError

사용자는 임의의 식별자를 만들 수 있으며, 다음의 사항을 지켜주어야 합니다.

  • 사용할 수 있는 문자 알파벳(a~z, A~Z), 숫자(0~9), 밑줄(_), 달러 기호($)
  • 첫 글자는 숫자를 사용할 수 없음 : (a~z, A~Z), 밑줄(_), 달러 기호($)는 첫 글자로 가능
  • 공백을 주면 안됨 : 밑줄(_) 사용 가능, 하이픈(-) 사용 안됨
  • 특수기호를 사용할 수 없음 : 밑줄(_), 달러 기호($) 제외
  • 키워드(예약어)를 사용 할 수 없음

두 가지 이상의 단어를 조합할 때는 다음과 같은 방법을 사용합니다.

  • 언더스코어 표기법 : text_top과 같이 중간에 '_'를 사용합니다.
  • 카멜 표기법 : textTop과 같이 두번째 단어의 첫 글자를 대문자로 사용합니다.
  • 파스칼 표기법 : TextTop과 같이 모든 단어의 첫 문장을 대문자로 사용합니다.

자바스크립트 사용 방법

1. 외부 파일로 로드하는 방법

<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript" src="javascript.js"></script>
    </head>
    
    <body>
    ....
    </body>
</html>     

2. script태그 사이에 기술하는 방법

<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
        	document.write("hello, Webstoryboy")
        </script>
    </head>
    
    <body>
    ....
    </body>
</html>     

3. 태그에 직접 기술하는 방법

<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
    </head>
    
    <body>
		<input type="button" onclick="alert('hello webstoryboy')" value="Hello webstoryboy" />
    </body>
</html>     

Ad

Comments