JS 정리(1)

정리글에 포함된 모든 정보는 드림코딩 엘리님의 유튜브 동영상을 참고하였습니다.

작성 방법 및 이용

[1] JavaScript 작성 방법 : (파일명).js
[2] Html안에서의 작성 방법 : script태그 안에 작성
[3] 외부 파일 참조

<script src="js파일이 있는 경로"></script>

일반적으로 외부 파일로 참조를 할때는 html의 body안에다 작성한다.

Dev Tool 실행

1. Chrome창을 열고 오른쪽 마우스를 클릭하여 검사(Inspect)를 누르면 Dev Tools이 열린다
2. 윈도우 사용자 : Ctrl + Shift + i
3. 맥 사용자 : Cmd + Option + i

Dev Tool을 사용해서 Console을 사용할 수 있다.

Console 사용하기

Console API MDN 공식 문서
위에 있는 공식문서 안에 있는 The Console API spec에 가면 콘솔이 지원하는 함수에는 어떤 것들이 있고 어떤 파라미터를 받는 지 알 수 있다.

Console창 안에서 아래 사진처럼 간단한 js를 사용할 수 있다

Use Strict(엄격 모드)

"use strict"; //요거

Vanilla Javascipt를 코딩할 때는 js파일의 제일 윗 부분에 use strict를 선언을 해주는 것이 좋다(Type Script선언 x)
use strict를 선언해주지 않으면 아래의 예시처럼 상식에 맞지 않는 코딩을 하면 경고메세지를 출력해준다

// in index.js file...
console.log('Hello JS!');
a = 6; //이상한 선언

따라서 저런 실수를 방지하기 위해서 Vanilla javascipt를 코딩할 때는 use strict를 사용하는 것이 좋다.

*API : Application Programming Interface의 약자