Languages/Java Script

[Js] 실행방법과 실습환경

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다.

상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다.

실습 내용은 기본적인 웹의 기초 지식과, html, css를 이해하고 있다는 가정하에 실습합니다.

수업목적

이번 수업에서는 JavaScript 언어의 실행방법과 실습환경에 대해서 알아본다.

실행

자바스크립트는 원래 웹브라우저에서 HTML, CSS를 동적으로 제어하기 위해서 만들어진 언어다.
하지만 오늘날 자바스크립트가 웹브라우저를 벗어나서 매우 다양한 용도로 사용되고 있다.
이런 이유로 자바스크립트의 실행환경은 다양하다.

필자는 자바스크립트의 원래 목적이었고, 가장 보편적인 실행환경인 웹브라우저에서 실습을 진행할 것이다.
하지만 본 수업의 내용은 웹브라우저 뿐 아니라 node.js, 구글 크롭 웹브라우저 플러그인, 구글 스크립트, PDF
각종 데스크탑 위젯에서 사용되는 자바스크립트에서도 적용될 수 있는 내용이다.

수업내용

사용 웹 브라우저 : 크롬

사용 에디터 : note ++(어떤 것이던 상관 없다.)

개인적으로 윈도우 환경에선 note++로 사용하는 것을 추천!합니다. (언어 선택이 용이함)

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

위와 같이 <script>안에서 동작하는 것이 javascript이고,

위 코드에서는 html 위에서 동작한다.

코드를 저장하고, 실행시키면 웹 브라우저(크롬)에서 script가 동작한다.

코드 <script>는 웹브라우저에게 지금부터는 자바스크립트 코드이기 때문에 이 코드를 해석 할 때는 자바스크립트의 문법에 따라서 해석해서 실행하라고 알려주는 구문(태그)다. alert('Hello world')는 경고창에 Hello world라는 문구를 출력하라는 일종의 명령이다. </script>는 자바스크립트 구간이 끝났기 때문에 이 후부터 나타나는 코드는 HTML의 문법으로 해석하라고 브라우저에게 알려주는 것이다.

크롬을 사용한다면, 다음과 같은 방법으로 자바 스크립트를 쉽게 실행 시켜 볼 수 있다.

개발자 도구 [F12]를 실행 후 -> console 에서 바로 <script>태그 없이 명령구문을 입력하면 된다.

'Languages > Java Script' 카테고리의 다른 글

[Js] 주석 & 줄바꿈과 여백 (0)	2021.02.01
[Js] 변수 (0)	2021.02.01
[Js] 숫자와 문자 (0)	2021.02.01
[Js] JavaScript란? (0)	2021.02.01

Contents

새소식

인기 검색어

[Js] 실행방법과 실습환경

수업내용

'Languages > Java Script' 카테고리의 다른 글

당신이 좋아할만한 콘텐츠

티스토리툴바