STUDYING/JavaScript

Javascript 실행 및 삽입방식

지니리 2022. 4. 18. 11:53

Javascript를 실행하는 2가지 방법이 있다.

 

1. html 파일 내에서 <script> 태그를 이용하는 방법

<body>
  <script>
   	//내용입력
  </script>
</body>
  • html 파일 내에서 <body> 태그 안에 직접 자바스크립트 코드를 작성하게 될 때 제일 밑부분에 작성하는 것이 좋다. body 안에 다른 html, css코드가 렌더링 되기 전에 자바스크립트 코드가 실행되면 렌더링 오류가 날 수 있기 때문이다.
  • 또한 HTML이 만들어질 때 같이 컴파일 되고 메모리 할당도 같이 진행돼서 한 번에 처리하는데 시간이 오래 걸린다.

 

2. js파일을 불러오는 방법

<body>
  <script src="index.js"></script>
</body>
  • 따로 파일을 js 파일을 불러오면 한 번에 컴파일해서 페이지를 보여주고 순차적 자바스크립트 코드가 실행된다.
  • 그래서 프로젝트가 커지면 자바스크립트 파일을 따로 가져오는 게 좋다.