개발공작소
article thumbnail
Published 2021. 4. 12. 14:15
JavaScript 메모 FrontEnd/JavaScript
728x90
반응형

ECMAScript(javaScript) 메모

 

엔진 동작원리

1. 엔진(브라우저라면 내장엔진)이 스크립트을 읽음 = 파싱

2. 스크립트를 기계어로 변환 = 컴파일

3. 기계어로 전환 된 코드를 실행

 

내장엔진 종류

1. V8 : Chrome, Opera

2. spiderMonkey : Firefox

3. Trident or Chakra : IE

 

javaScript의 강점

1. HTML과 CSS를 완전히 통합할 수 있음.

2. 간단한 일은 간단하게 처리 할 수 있게 해줌.

3. 모든 주요 브라우저에서 지원하고, 기본언어로 사용됨

 

1. <script>태그 안에 javascript 코드를 입력하면 안에 있는 코드는 엔진에 의해 자동으로 실행됨(엔진 동작원리 참조)

<script>태그 안의 alert함수가 자동으로 실행된다.

2. <script> 태그 안에 type="text/javascript"와 같은 type을 선언할 수 있다. HTML4까진 필수였으나 현재는 반드시 넣지 않아도 된다.

 

3. <script> 태그 안에 src="js 위치"를 이용하여 javascript파일을 참조할 수 있다.

   => 간단한 스크립트 소스가 아니면 js파일을 만들어 참조하는 게 좋다. 그 이유로는 브라우저에서 해당 js를 캐시에 저장하기 때문에 해당 js를 여러번 불러와도 이미 캐시에 저장되어 있는 js를 읽기 때문에 트래픽에서의 이점이 존재한다.

   <script> 태그에 src를 이용하여 다른 js를 참조한 경우 해당 <script>태그 안의 소스는 무시된다.

src를 이용하여 js를 참조하기 때문에 <script>안의 alert함수는 무시된다.

 

728x90
반응형
profile

개발공작소

@모찌바라기

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!