카테고리 없음

Chapter 1-1. 자바스크립트란? (자바스크립트)

Chansman 2025. 3. 31. 18:43

📌 자바스크립트란?

자바스크립트는 웹 개발에 필수적인 프로그래밍 언어로, 웹페이지의 동작과 상호작용을 정의하는 데 중요한 역할을 합니다. HTML과 CSS는 웹 콘텐츠의 구조와 스타일을 정의하지만, 자바스크립트는 웹 페이지의 동작과 기능을 제어하는 데 사용됩니다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" contect="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>자바스크립트소개</title>
    <script>
        alert()
    </script>
</head>
<body>
    <script src="자바스크립트소개.js">

    </script>
</body>
</html>

🚦 자바스크립트의 역할

  • 웹사이트 개발에서의 자바스크립트의 역할:
    자바스크립트는 웹사이트가 동적으로 상호작용할 수 있도록 합니다. 예를 들어, 사용자가 버튼을 클릭했을 때 이벤트가 발생하도록 하거나, 입력된 데이터를 검증하는 등의 작업을 처리합니다.
    • HTML: 웹 페이지의 콘텐츠 구조를 정의합니다.
    • CSS: 웹 페이지의 스타일을 지정합니다.
    • JavaScript: 웹 페이지의 동작과 상호작용을 정의합니다.

자바스크립트를 활용하여 웹 브라우저와 그 하위 객체들이 수행하는 기능을 제어하고, HTML/CSS로 렌더링된 화면을 조작하는 등의 작업을 할 수 있습니다.

💻 자바스크립트 코드 작성 위치

자바스크립트 코드를 웹페이지에 적용하는 방법은 크게 두 가지가 있습니다:

  1. HTML 문서 내에 직접 작성하기:
    • <script> 태그를 사용하여 HTML 내부에 자바스크립트 코드를 삽입할 수 있습니다.
  2. 자바스크립트 파일을 별도로 만들어 HTML에 연결하기:
    • 자바스크립트 코드를 .js 확장자 파일에 작성한 후, HTML 문서와 연결하여 사용할 수 있습니다. 이 방식은 코드의 재사용성과 관리가 용이합니다.

✅ 마무리

자바스크립트는 웹 개발에서 필수적인 언어로, 웹 페이지의 동작을 제어하는 중요한 역할을 합니다. 웹사이트를 구성하는 HTML, CSS와 함께 자바스크립트는 웹사이트의 상호작용과 동적 기능을 담당합니다. 자바스크립트 코드를 HTML 내부에 작성하거나 외부 파일로 연결하여 사용할 수 있습니다.

자바스크립트를 활용하여 웹 페이지를 더 인터랙티브하고 동적으로 만들어 보세요!