자바스크립트 1~2강

 Doit! 자바스크립트 입문 요약 정리 

1. 자바스크립트란? 

-웹 사이트를 동적으로 개발 가능

-웹 브라우저에 실행되는 프로그램 개발 가능

-서버를 구성하고 서버용 프로그램 개발  가능

-모든 웹 브라우저에서 동작 가능

2. 작성법

<script>태그는 HTML  문서 어디에든 사용가능

<script>태그는 한  문서 안에 여러 개  사용 가능

<script>태그가 삽입된 위치에서 소스 실행

예)

<script>

        var heading = document.querySelector('#heading');

        heading.onclick = function() {

            heading.style.color = "red";

        }

 </script>

위와 같은 방식으로 하면 해당 HTML 문서에서 밖에 사용을 못하기에

js/change.js 파일에 아래와 같이 작성하고 (확장자 명을 js로 해야한다.)

var heading = document.querySelector('#heading');

heading.onclick = function() {

heading.style.color = "red";

}

아래와 같이 파일을 연결하여 사용한다.

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

3. 자바스크립트의 입력과 출력

-사용자 입력 값 받기

prompt(); - prompt("창 내용"); - prompt("창 내용", "기본값");

- 알림창으로 출력하기

alert("알림창 내용");

-웹 브라우저 화면에 출력

document.write(변수명);

-콘솔에 출력하기

console.log(변수명);

4. 자바스크립트 작성 규칙

- 대소문자를 구별하여 소스 작성

- 읽기 쉽게 들여쓰기

- 세미콜론(;)으로 문장을 구분하기

- 한 줄 주석 : //내용

- 여러 줄 주석 : /* 내용 */

- 이름의 첫 글자는 반드시 영문자, 밑줄(_), 달러 기호($)로만 시작 가능

- 단어 사이에 공백은 안됨

- 예약어는 식별자로 사용 불가능