JS는 어디에 어떻게 넣는 것이 좋을까?
head에 포함
<head>
<script src="main.js"></script>
</head>-
html 파일을 불러오다가 중간에 script를 받아오고 실행한 후 다시 남은 html부분을 다운받음
-
JS 다운로드가 덜 되면 html 파일도 다 로딩이 되지 않기 때문에 좋지 않음(사이트가 뜨다 만 너낌)
</body> 앞에 쓰기
<head>
.....
</head>
<body>
<script src="main.js"></script>
</body>- html을 다 다운받고 나서 JS를 받아오고 실행함
장점
- JS를 다 가져오지 못해도 html 요소를 다 보여준다
(일단 사이트가 로딩은 됨)
단점
- JS 요소가 핵심인 웹사이트일 경우 사용자가 핵심 요소를 잘 보지 못할 수 있음
head에 포함하되 async를 함께 쓰기
<head>
<script async src="main.js"><script>
</head>장점
- html 다운하는 동안 JS도 함께 받아오기 때문에 JS 받아오고 로딩하는 시간을 줄일 수 있다
단점
- html과 JS를 함께 다운받다가 JS가 먼저 다 받아지면 html 다운이 멈추고 JS를 다 로딩한 후에 다시 html을 받기 때문에 페이지가 뜨다 만 것처럼 보일 수 있다
- JS는 로딩이 다 되었는데 해당 JS의 대상인 html파일이 나중에 떠서 결국 JS를 일찍 받은 의미가 없는 상황이 될 수 있다
head에 포함하되 defer을 함께 쓰기
<head>
<script defer src="main.js"></script>
</head>- html과 JS를 함께 받되 html을 다 다운받고 먼저 보여주고 JS 실행
- 가장 바람직함
++
main.js 생성
브라우저-검사-console에서 확인
html에서 JS 파일 연결하는 법
//JS 파일명 = main.js
<script src="/Javascript/main.js"><script>JS 주석 넣는 법
한 줄만 주석 넣을 때
// 주석 넣을 내용
블록으로 주석 넣을 때(여러 줄로 주석 넣을 때)
/* 주석 1
주석 2*/
이렇게 하거나
/* 주석 1
* 주석 2
*/cmd(명령 프롬프트) Node.js 명령어로 확인하기
'use strict'; 엄격모드
'use strict'전체 스크립트, 개별 함수에 엄격 모드를 사용하는 명령문.
급하게 만들어져 너무 유연한(?) JS에서 엄격모드를 실행하면 실수를 줄이고 디버깅 하기 편해진다.
선언되지 않은 변수 값 지정 등의 이상한 일이 적어진다.
코딩 공부 기록장