자바스크립트는 따로 환경을 설정하기보다는 script태그를 활용해 visualstudio를 유지한체 진행할 수 있다.
Javascript 구동하는 방식은 크게 세가지가 있다.
Javascript구동
1. html 문서에 script태그 넣기
아래 태그는 body에 script태그를 넣어 구동하는 방식으로 script태그를 만나는 순간 마치 다른 세계로 가는 것 처럼 이하태그를 실행하지 않으므로 사용에 주의해야한다.
...
<head>
...
</head>
<body>
<!-- 큰따옴표 중복 안됨 > 권장하지 않는 방법-->
<h1> 자바스크립트</h1>
<script>
alert("경고창");
</script>
</body>
</html>2. 시작태그에 삽입하기
시작태그에 사용하는 방법은 권장되지 않는 방법이다.
...
<head>
...
</head>
<body>
<h1 onclick="alert('클릭했음')"> 자바스크립트 처음(클릭하시오!)</h1>
</body>
</html>3. 외부에서 js파일을 불러오기
외부에 저장된 js파일에 script 내용을 넣고 불러오는 방식이다. script태그가 다른세계로 가는 것같다 표현한것은 html을 잠시 멈추고, 다시 script를 다운받아 실행한후 종료하기 때문이다. 그러므로 이렇게 외부에서 가져온 스크립트를 유연하게 활용하고 싶다면 defer나 async속성을 활용하는 것이 좋다. 이 속성은 스크립트가 가장 마지막에 실행하도록할 수 있다.
...
<head>
...
<script src="./script/first.js"></script>
</head>
<body>
<h1> 자바스크립트 처음(클릭하시오!)</h1>
</body>
</html>
