[Mordern JavaScript Tutorial] Part 1.2.1. Hello, world!

강진석·2022년 5월 20일
0

Hello, world!

실행 환경에 독립적인 코어 자바스크립트 학습

'script' 태그

html 문서 아무 위치에나 자바스크립트 프로그램을 위한

<!DOCTYPE HTML>
<html>
    <body>
        <script>
            alert( 'Hello, world!' );
        </script>
    </body>
</html>

모던 마크업

과거에는

현재는 사용할 이유 없음

외부 스크립트

  • 자바스크립트 코드의 양이 많은 경우 파일로 따로 저장 가능
  • src 속성을 통해 삽입
  • 복수의
    <script src="/path/script.js" /> // 절대 경로 위치
    
    <script src="script.js" /> // 같은 폴더
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js" /> // url
    // 이건 안됨
    <script src="file.js">
        alert(1);
    </script> 
    
    // 이렇게 써야함
    <script src="file.js"></script>
    <script> alert(1); </script> 

* HTML 안에

스크립트를 별도로 사용하면 브라우저가 캐시에 스크립트를 저장하고, 여러 페이지에서 동일한 스크립트를 사용할 때마다 캐시에서 스크립트를 가져와 사용하므로 트래픽이 절약되고 성능이 향상될 수 있음

0개의 댓글