JS 사용하는 방법!
- JS는 HTML안에 <script>테그안에 작성이 된다.
- 옛날에는 <script 안에 속성을 선언했어야 했으나 HTML5로 바뀌면서 선언을 하지 않아도 된다.>
- JS는 파일을 분리해서 작업이 가능하다.
- - html에 분리된 JS 파일 선언하는 방법(head, body 테그에 넣는 것은 상황에 따라 다르다.)
-> ex) <script src="script/index.js"> </script> - - 인터넷에 있는 외부 js도 url 형태로 넣어도 사용항 수 있다.
-> ex) <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"> </script> - 한 html에 여러게를 선언할 수 있다.
굳이 HTML에서 JS를 분리 할 필요가 있나요?
- 코드가 길어지기 시작하면 무조건 해야 합니다.
그 이유는 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에, 성능상의 이점이 있습니다.
이를 통해 트래픽이 절약되고 웹 페이지의 실제 속도가 빨라집니다.
세미콜론( ; )
- 코드 작성을 할 때 꼭 알아야 하는 부분이다. js에서 코드를 문단 구분해주는 기능으로 세미콜론( ; )은 Enter이랑 비슷한 기능을 한다.
ex)
alert('Hello'); alert('World');
==
alert('Hello')
alert('World')
->둘 다 동일하게 팝업찬에 Hello를 띄우고 다음에 World를 띄운다.
※ 위에서 말한 것 처럼 비슷하나 동일한 것은 아니다.
만약 ()안에 사용할 경우아다.
ex) alert (5 + 5); 같은 경우는 10이 나온다.
alert('Hello'); alert('World');
==
alert('Hello')
alert('World')
->둘 다 동일하게 팝업찬에 Hello를 띄우고 다음에 World를 띄운다.
※ 위에서 말한 것 처럼 비슷하나 동일한 것은 아니다.
만약 ()안에 사용할 경우아다.
ex) alert (5 + 5); 같은 경우는 10이 나온다.
주석( //, /* */ )
- 주석도 엄청 중요하다. // 뒤에 작성하거나 /* 범위 안에 작성하며 기능에는 영향을 주지 않는다. */ 코드를 구성하다보면
양도 많아지고 내용도 복잡해진다. 그래서 코드를 처음 보는 분, 시간이 지나 다시보는 나를 위해
알아보기 쉽게 설명 또는 기능, 추가 코드등을 작성하는 것이다.
개발 공부를 시작했습니다. TIL, WIL 주소 https://blog.naver.com/des321321