JavaScript JS 기초 JavaScript 시작하기

    2018-03-23 15:29:17 작성

    JavaScript는 웹페이지의 동작을 프로그래밍 하는 언어입니다.

    본 자습서는 C언어 또는 다른 프로그래밍 언어를 공부하여 알고 있는다는 가정하에 진행됩니다.

    자바스크립트 선언

    자바스크립트의 선언방식은 css와 마찬가지로 3가지 방식이 있다

    • 외부 스크립트 방식
    • 내부 스크립트 방식
    • 인라인 스크립트 방식
    외부 스크립트 방식

    <script> 태그의 src 속성에 외부 js 파일의 URL을 지정합니다.
    다음은 외부 스크립트 파일의 연결 예입니다.

    <script src="hello.js"></script>

    외부 JavaScript는 텍스트 편집기로 작성할 수 있습니다.
    JavaScript 파일의 확장자는 .js로 지정합니다.


    내부 스크립트 방식

    <script> 태그안에 JavaScript 코드를 삽입합니다.
    다음은 내부 스크립트 작성 예제입니다.

    <script>
        document.write("Hello World!");
    </script>

    <script> 태그는, <head>, <body> 태그 안에 어디에도 작성할 수 있습니다.


    인라인 스크립트 방식

    HTML 요소의 on으로 시작되는 메시지 속성을 이용하여 요소의 메시지에 응답할 수 있습니다.

    <button type="button" onClick="alert('Hello World!')">Click Me!</button>

    script 요소는 body의 하단에 있으면, HTML 요소를 표시 한 후 script를 컴파일 하기 때문에 표시속도가 향상됩니다.
    script 요소를 head 태그내에 있으면 소스에 대하여 유지보수가 용이 합니다.


    자바스크립트 주석

    주석이란 프로그램의 실행에 영향을 미치지 않고 설명을 목적으로 사용하는 코드입니다.
    JavaScript에서 주석은 두가지가 있습니다.
    C언어의 주석방법와 완전히 동일 합니다.

    • 행 단위 주석
    • 블록 단위 주석
    행단위 주석
    // 주석 처리된 문장1
    // 주석 처리된 문장2
    // 주석 처리된 문장3

    위의 코드와 같이 //뒤에 나타나는 한줄의 문장을 주석으로 처리합니다


    블록 단위 주석
    /* 주석 처리된 문장 */
    /*
        주석 처리된 문장1
        주석 처리된 문장2
        주석 처리된 문장3
    */

    위와 같이 /**/ 사이의 모든 문장을 주석으로 처리 합니다.