자바스크립트 기본 1.1. Hello world!
♠코어 자바스크립트
♣ 자바스크립트 기본
♥ 1.1.Hello world!
- 웹 페이지에 자바스크립트 코드를 추가하기 위해
<script>태그를 사용하며 HTML 문서 대부분의 위치에 삽입할 수 있습니다.
<!DOCTYPE HTML> <html> <body> <p>스크립트 전</p> <script> alert( 'Hello, world!' ); </script> <p>스크립트 후</p> </body> </html>
type과language속성은 필수가 아닙니다.- 외부 스크립트 파일은
<script src="path/to/script.js"></script>와 같이 삽입합니다.
♥ eddy’s point
- HTML 안에 직접 스크립트를 작성하는 방식은 대개 스크립트가 아주 간단할 때만 사용합니다. 스크립트가 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋습니다.
- 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에, 성능상의 이점이 있습니다.
- 여러 페이지에서 동일한 스크립트를 사용하는 경우, 브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고 캐시로부터 스크립트를 가져와 사용합니다.
- 이를 통해 트래픽이 절약되고 웹 페이지의 실제 속도가 빨라집니다.
- script의 위치와 async와 defer 속성