0524 | Notion

// 자바 스크립트

console.log('외부파일 링크');

<body>
    <!-- 1. 태그에 자바스크립트 속성 특히 onclick -->
    <button onclick="alert('hi')">버튼</button>
</body>
</html>

브라우저 f12 (개발자 창)으로 들어가면 보임

<!-- 2. script 태그 -->
    <script>
        // 콘솔창(F12)에 출력
        console.log('콘솔로그');
    </script>

<!-- 3. 링크 -->
    <script src="main.js"></script>

// main.js
// 자바 스크립트
console.log('외부파일 링크');

크롬의 콘솔창 → 자바 스크립트 실행되는 곳

자바의 변수명