JavaScript/생활코딩

자바스크립트 기본 - 실행방법과 실습환경

점미 2018. 11. 14. 13:47



실행방법과 실습환경 - https://opentutorials.org/course/743/4646





자바스크립트는 브라우저뿐만 아니라 서버, 구글앱스스크립트 등 여러가지 환경에서 프로그래밍적으로 제어하기 위한 수단이다.

자바스크립트 구동을 위해 웹 브라우저와 에디터가 필요하다.

  • 내가 사용할 웹 브라우저 : 크롬
  • 내가 사용할 에디터 : Notepad++




a. 웹페이지에서 자바스크립트 작성

예제

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8"/>

    </head>

    <body>

        <script>

            alert('Hello world'); //이 줄만 자바스크립트

        </script>

    </body>

</html>

예제를 에디터에 작성한 뒤 확장자를 .txt가 아닌 .html로 저장한다.

예제를 브라우저로 열때는 크롬에서 ctrl+o 를 누르고 저장한 파일을 불러오면 된다.






b. 크롬 개발자 도구 사용


F12버튼 - 크롬 개발자 도구

ctrl+shift+j - 콘솔창


예제2

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8"/>

    </head>

    <body>

        <script>

            console.log('Hello'); //콘솔에 Hello가 뜸

        </script>

    </body>

</html>

예제를 크롬에서 열게되면 콘솔창에 Hello라는 글자가 뜬다.