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 파일을 불러오면 한 번에 컴파일해서 페이지를 보여주고 순차적 자바스크립트 코드가 실행된다.
- 그래서 프로젝트가 커지면 자바스크립트 파일을 따로 가져오는 게 좋다.
'STUDYING > JavaScript' 카테고리의 다른 글
| Javascript 벽돌깨기 게임(2) (0) | 2022.04.21 |
|---|---|
| Javascript 벽돌깨기 게임(1) | <canvas>태그, 패들·공 그리기, 움직임 처리(수동 키 입력), 충돌시 방향 바꿈 (0) | 2022.04.21 |
| [Javascript] 난수 생성 및 범위 지정 | Math.random() (0) | 2022.04.20 |
| [Javascript] 변수(variable) | 숫자형(Number) (0) | 2022.04.20 |
| [Javascript] 변수(variable) | 변수명 규칙, 변수 타입, 호이스팅, 컴파일과 런타임 (0) | 2022.04.19 |