[javascript] JavaScript 공부 정리1 - 내장방식, 링크 방식

 

JavaScript의 내장방식

<script>
	alert("헤드 그런데 js 파일 링크 위");
</script>

• 위치는 어디서나 사용이 가능합니다!
     • Head 태그 내부
     • Body 태그 내부
     • Head 와 body 사이
     • Body 아래 등

 

JavaScript의 링크방식

• Java Script 파일을 따로 만들어서 링크하는 방식 like CSS

<script src="./index.js"></script>

•  위치는 어디서나 사용이 가능합니다!
     • Head 태그 내부
     • Body 태그 내부
     • Head 와 body 사이
     • Body 아래 등

 

내장방식의 장단점

     • 간단하게 만들 수 있음
     • 특정 페이지에서만 작동하는 기능일 경우 내장 방식으로만 따로 구현 가능

 

링크방식의 장단점

     • JS 코드의 양이 많아지면 파일로 관리하는 편이 편함
     • 같은 기능을 다른 페이지에서 사용하고 싶을 때 JS 파일 링크만 걸어서 사용 가능
     • 유지 보수 용이성이 편리

 

 

• Console.log(“TEXT”);

     • 우리의 디버깅 친구!
     • 물론 이걸 쓰는건 안 좋은 방식입니다!

• Alert(“TEXT”);

     • 화면에 뭐든 떠야 재미 있으니까!
     • 자매품 confirm(“TEXT”);
     • 애는 취소 버튼이 있음 → 값을 리턴한다 & IF문에 사용 가능함

 

내장방식과 링크방식의 읽기 순서는?

• 말 그대로 읽히는 순서에 따라서 작동함