티스토리 뷰

Javascript

[Javascript] 자바스크립트 기초

자바스크립트 기초

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


자바스크립트 주석

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

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

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

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

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

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

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

토근 : 프로그램을 구성하는 최소 단위

자바스크립트 사용방법

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

자바스크립트 사용방법

다양하게 사용되는 자바스크립트 사용방법 예제입니다.

결과
hello
Script
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Javasript</title>
    <!-- 외부 파일로 로드하는 방법 -->
    <script type="text/Javasript" src="경로"></script>

    <!-- script 태그 사이에 기술하는 방법 -->
    <script>
        document.write("hello");
    </script>
</head>
<body>
    <!-- 태그에 직접 기술하는 방법 -->
    <input type="button" onclick="alert('hello')">
</body>
</html>

자바스크립트 출력

자바스크립트 출력하는 방법은 다양합니다. 내장 객체 콘솔(console)을 이용한 방법과 document.write(), alert()을 이용하여 자바스크립트의 결과물을 확인 할 수 있습니다.

자바스크립트 출력방법

다양하게 사용되는 자바스크립트 출력방법 예제입니다.

결과
webstoryboy
Script
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Javasript</title>
</head>
<body>
    
    <script>
        var x = 123;
        var y = "webstoryboy";

        //콘솔 로그를 이용한 방법
        console.log(x);

        //웹 문서에 출력하는 방법
        document.write(y);

        //경고창을 이용하는 방법
        alert(x);
    </script>
</body>
</html>

공유하기(Share) 더보기

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

공감하기(Like) 더보기

UP NEXT : Ads by Google

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