search

실행방법과 실습환경

hashtag
설치

자바스크립트는 브라우저에서 동작하는 언어다. 따라서 웹브라우저가 설치되어 있다면 이미 자바스크립트를 사용할 준비가 끝난 것이다. 참고로 각 브라우저마다 개발자 도구라는 것이 있다. 이 도구를 이용하면 자바스크립트 개발을 쉽게 할 수 있다. 아래의 수업을 참고한다.

circle-info

hashtag
실행

자바스크립트는 원래 웹브라우저에서 HTML, CSS를 동적으로 제어하기 위해서 만들어진 언어다. 하지만 오늘날 자바스크립트가 웹브라우저를 벗어나서 매우 다양한 용도로 사용되고 있다. 이런 이유로 자바스크립트의 실행환경은 다양하다. 필자는 자바스크립트의 원래 목적이었고, 가장 보편적인 실행환경인 웹브라우저에서 실습을 진행할 것이다. 하지만 본 수업의 내용은 웹브라우저 뿐 아니라 node.js, 구글 크롭 웹브라우저 플러그인, 구글 스크립트, PDF, 각종 데스크탑 위젯에서 사용되는 자바스크립트에서도 적용될 수 있는 내용이다.

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "UTF-8"/>
    </head>
    <body>
        <script>
            alert('Hello world');
        </script>
    </body>
</html>

hashtag
b. 크롬 개발자 도구 사용

circle-info

크롬 : f12(크롬 개발자 도구) - > show console

(생활코딩 -> 크롬 개발자 도구 참고)

hashtag
도구의 선택

circle-info

통합개발도구(IDE : Integrated Development Environment) : 코딩에 필요한 도

  • 생활코딩 -> 개발도구 -> Sublime Text 참고

Previous자바스크립트 기본Next숫자와 문자

Last updated