01 JS 사용하는 방법

JS 사용하는 방법!

• JS는 HTML안에 <script>테그안에 작성이 된다.
• 옛날에는 <script 안에 속성을 선언했어야 했으나 HTML5로 바뀌면서 선언을 하지 않아도 된다.>
• JS는 파일을 분리해서 작업이 가능하다.
1. - html에 분리된 JS 파일 선언하는 방법(head, body 테그에 넣는 것은 상황에 따라 다르다.)
   -> ex) <script src="script/index.js"> </script>
2. - 인터넷에 있는 외부 js도 url 형태로 넣어도 사용항 수 있다.
   -> ex) <script src="[https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js">](https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js">) </script>
3. 한 html에 여러게를 선언할 수 있다.

---

굳이 HTML에서 JS를 분리 할 필요가 있나요?

- 코드가 길어지기 시작하면 무조건 해야 합니다. 그 이유는 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에, 성능상의 이점이 있습니다. 이를 통해 트래픽이 절약되고 웹 페이지의 실제 속도가 빨라집니다.

---

세미콜론( ; )

- 코드 작성을 할 때 꼭 알아야 하는 부분이다. js에서 코드를 문단 구분해주는 기능으로 세미콜론( ; )은 Enter이랑 비슷한 기능을 한다.

ex)
alert('Hello'); alert('World');
==
alert('Hello')
alert('World')
->둘 다 동일하게 팝업찬에 Hello를 띄우고 다음에 World를 띄운다.
※ 위에서 말한 것 처럼 비슷하나 동일한 것은 아니다.
   만약 ()안에 사용할 경우아다.
ex) alert (5 + 5); 같은 경우는 10이 나온다.

---

주석( //, /\* \*/ )

- 주석도 엄청 중요하다. // 뒤에 작성하거나 /\* 범위 안에 작성하며 기능에는 영향을 주지 않는다. \*/ 코드를 구성하다보면 양도 많아지고 내용도 복잡해진다. 그래서 코드를 처음 보는 분, 시간이 지나 다시보는 나를 위해 알아보기 쉽게 설명 또는 기능, 추가 코드등을 작성하는 것이다.