자바스크립트
▶자바스크립트는 선 마이크로시스템즈 (Sun MicroSystems) 와 넷스케이프에서 공동으로 개발한 스크립트 언어.
▶객체지향적 언어 (주의! 객체언어는 아니다.)
▶웹 브라우저가 직접 번역하여 수행(=엔진을 가지고 있다.)하기 때문에 인터프리터(해석기)에 의해 실행되고, 컴파일 과정 (컴퓨터언어)이 없다.
→구글 크롬이 많이 사용 되는 이유 : 자바스크립트 언어를 빨리 해석함.
▶문법이 비교적 간단(=보조적인 수단이 필요가 없다.)해 쉽게 프로그래밍할 수 있다
▶플랫폼에 독립적(=어딘가에 귀속되어 있지 X)이라 이식성이 높다. 즉, 모든 운영체제, 하드웨어에서 사용할 수 있다.
HTML에서 자바스크립트 사용하는 방법 (6가지)
1. 직접 코딩하는 방법 2가지 (지금 실무에선 사용하지 않는다. 최초 자바스크립트 이용 시 사용 했던 내용)
▶<script language="javascript"> 자바스크립트 구문 </script>
▶<script type="text/javascript">
<!--
자바스크립트 구문
//-->
</script>
▶웹 표준에선 권장하지 않는 방법으로 지금은 사용하고 있지 않지만 웹디자이너 기능사 시험에선 출제 多
▶자바스크립트를 지원하지 않는 브라우저가 없으므로 이 방법은 더 이상 사용하지 않는다.
▶이전에는 브라우저 중에서 지원하지 않는 경우가 있어서 자바스크립트가 문자열로 인식되기 때문에 주석 처리를 하였다.
2. <head></head> 안에 작성 하는 방법
▶html 을 브라우저가 인식하는 과정 (구문 해석하는 과정)에서 script 를 만나면 해당 내용 혹은 파일을 fetching 하고 executing 한 뒤에 나머지 html 을 인식하게 됨으로 script의 파일이 크고 많은경우 html 을 해석하는데 많은 시간이 걸리게됨
3. body 태그 하단에 script를 작성하는 방법
▶모든 html 을 다 해석한 뒤에 스크립트를 fetching 하고 executing 하기 때문에 순서상으로는 문제가 되지 않지만 자바스크립트의 내용이 중요한 문서의 경우 script의 fetching이 늦어지는 문제가 발생
4. head 태그 안에 사용하면서 속성값 async를 사용하는 방법 (병렬적 사용방법)
▶async 의 문제점 : fetching 이 완료되는 시점에 기존의 작업을 멈추고 executing 을 시작하므로 html 을 해석하기 전의 시점일경우 제대로 작업하기 힘들고 , 여러개의 스크립트가 있을경우 먼저 fetching 된 스크립트 먼저 실행하는 문제가 발생
5. head 태그 안에 사용하면서 속성값 defer를 사용하는 방법 (병렬적 사용방법) (가장 적절한 방법)
▶script 구문을 만나 fetching 만하고 html 구문을 모두 해석한 뒤 executing 을 하게됨
'코린이 개념잡기 > JavaScript' 카테고리의 다른 글
| 데이터의 종류(자료형) (0) | 2024.01.19 |
|---|---|
| 자바스크립트 기초 (0) | 2023.04.26 |
| 자바스크립트 4 객체의 메소드와 속성 (0) | 2023.03.23 |
| 자바스크립트 3 함수와 메소드(method) (0) | 2023.03.22 |
| 자바스크립트 2 변수 (0) | 2023.03.20 |