러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

38

러닝 자바스크립트

<

head

>

<

title

>

HTML

and

CSS

Example

</

title

>

<!- -

HTML

주석입니다.

여러 줄에 걸쳐서 써도 됩니다. - - >

<

style

>

body

: {

color

:

red

; }

/*

CSS

주석입니다.

역시 여러 줄에 걸쳐서 써도 됩니다. */

</

style

>

<

script

>

console

.

log

("

echo

"); // 다시 자바스크립트로 돌아왔습니다.

/* 여기서는 인라인 주석과 블록 주석을

모두 쓸 수 있습니다. */

</

script

>

</

head

>

1.4

시작하기

먼저

HTML

파일과

CSS

파일, 자바스크립트 소스 파일 세 가지를 만들면서 시작하겠습니다.

자바스크립트와

CSS

는

HTML

에 포함될 수 있으므로

HTML

파일 하나에서 모든 일을 다 할

수도 있지만, 이들을 분리하면 뚜렷한 장점이 있습니다. 프로그래밍이 처음이라면 여기서 설명

하는 대로 한 단계씩 따라 하길 강력히 권합니다. 이 장에서는 단계적으로 하나씩 알아보는 접

근법을 택할 것이고 따라 하다 보면 기초가 확고해질 겁니다.

언뜻 보면 정말 간단한 목적인데도, 그런 간단함에 비해 지나치게 많은 일을 하는 듯 보일 수

도 있습니다. 그리고 어느 정도는 실제로 그렇기도 합니다. 물론, 똑같은 일을 훨씬 ...