티스토리 뷰

Javascript

[Javascript] 자바스크립트 기초

자바스크립트 기초

자바스크립트를 다루기 위해서는 기초적인 특징과 문법이 있습니다. 가장 기본이기 때문에 이 부분을 숙지 후 스크립트를 작성하는 것이 좋습니다.

자바스크립트 주석

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

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

자바스크립트 문자

자바스크립트는 유니코드 문자를 사용합니다. 유니코드는 알파벳, 숫자, 기호는 물론 전세계 언어를 표현한 문자체계입니다.

자바스크립트 대문자와 소문자

자바스크립트는 대문자와 소문자를 구별합니다. console와 Console은 각각 다른 문자열로 처리합니다.

자바스크립트 토근과 공백문자

프로그램을 구성하는 최소 단위를 토큰(어휘)라고 합니다. 자바스크립트 언어는 프로그램을 실행하기 전에 프로그램을 토큰으로 분해합니다. 이러한 동작을 어휘 분석이라고 하며, 이러한 분석을 통해 올바른 프로그램인지 판정합니다. 이 동작을 구문 분석(파싱)이라고 합니다. 토큰은 공백을 넣지 않고 나열하기만 해서는 토큰을 판단 할 수 없습니다. 그래서 프로그래밍 언어에서는 토큰과 토큰 사이에 공백 문자를 통해 구분합니다. 이때 토큰과 토큰 사이에 공백 문자를 여러 개 입력해도 공백 문자를 하나만 인식합니다.

자바스크립트 사용방법

자바스크립트의 사용하는 방법은 외부파일, 스크립트 태그, 태그에 직접 기술하는 방법이 있습니다.

외부 파일로 로드하는 방법

<!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>     

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>     

태그에 직접 기술하는 방법

<!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>     

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

질문하기(Questions)
댓글쓰기 폼