• 자바스크립트 작성법 > 웹 무료강의

자바스크립트 작성법 > 웹 무료강의

모던DS 웹에이전시

웹 무료강의 | 프론트엔드 강의

Javascript 자바스크립트 작성법

페이지 정보

profile_image
작성자 모던DS
조회 50회

본문

자바스크립트 작성법


1. 내부 스크립트 (Internal Script)

HTML 문서의 태그 사이에 자바스크립트 코드를 직접 작성하는 방식입니다. 

주로 태그가 끝나기 직전에 위치시킵니다.


HTML
<body>
    <h1>안녕하세요</h1>
    <script>
        console.log("Hello, JavaScript!");
    </script>
</body>


2. 외부 스크립트 (External Script)

자바스크립트 코드를 별도의 .js 파일로 저장하고, HTML에서 불러오는 방식입니다. 

코드의 재사용성이 높고 관리가 용이하여 가장 권장되는 방법입니다.


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


3. 인라인 스크립트 (Inline Script)

HTML 태그의 이벤트 속성에 직접 코드를 작성하는 방식입니다. 

간단한 동작에 사용하지만, HTML과 로직이 섞여 유지보수가 어렵기 때문에 꼭 필요한 경우에만 사용합니다.


HTML
<button onclick="alert('클릭되었습니다!')">버튼</button>

Tip!
인터넷 창 : about:blank 입력
Ctrl + Shifr + J 입력
콘솔창에서 자바스크립트입력
결고 확인할 수 있음