4 min to read

Modern Js 1(소개)

자바스크립트와 자바스크립트에 대한 기초 문법에 대한 정리

Featured image

본 문서는 모던 자바스크립트를 정리하고 공부한 문서입니다.

1. 자바스크립트란?

2.1 Hello, World!

1. 자바스크립트란?

정의 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어입니다. 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부릅니다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있습니다. 이런 관점에서 보면 자바스크립트는 자바(Java)와는 매우 다른 언어라고 할 수 있습니다.

ℹ️ 왜 자바스크립트인가요?

처음 자바스크립트가 만들어졌을 때는 LiveScript’라는 이름으로 불렸습니다. 그런데, 당시 자바의 인기가 아주 높은 상황이었습니다. 관련인들은 자바스크립트를 자바의 ‘동생’ 격인 언어로 홍보하면 도움이 될 것이라는 의사결정을 내리고 이름을 바꿨습니다. 이름은 자바에서 차용해 왔지만, 자바스크립트는 자바와는 독자적인 언어입니다. 꾸준히 발전을 거듭하면서 ECMAScript라는 고유한 명세를 갖춘 독립적인 언어가 되었죠. 자바스크립트는 자바와 아무런 연관이 없습니다. 브라우저엔 ‘자바스크립트 가상 머신’이라 불리는 엔진이 내장되어 있습니다.

브라우저에서 할 수 있는 일

브라우저에서 할 수 없는 일

자바스크립트만의 강점

자바스크립트 ‘너머의’ 언어들

요약

2.1 Hello, World!

   <!DOCTYPE HTML>
     <html>
      <body>
        <p>스크립트 전</p>
        <script>
          alert( 'Hello, world!' );
        </script>
        <p>스크립트 후</p>
      </body>
    </html>

모던 마크업

외부 스크립트

    <script src="/path/to/script.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

    <script src="/js/script1.js"></script>
    <script src="/js/script2.js"></script>

src 속성이 있으면 태그 내부의 코드는 무시됩니다.

    <script *src*="file.js"> 
      alert(1); // src 속성이 사용되었으므로 이 코드는 무시됩니다.
    </script>

   <script src="file.js"></script>
    <script>
      alert(1);
    </script>

요약