📌 자바스크립트의 동작 원리와 출력해보기
자바스크립트는 웹 개발에서 동작하는 프로그래밍 언어로, 웹 브라우저나 웹 요소들에 명령을 내리는 역할을 합니다. 이를 통해 웹 페이지에서 다양한 동적 상호작용을 처리할 수 있습니다.
<!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>
</head>
<body>
<!-- 명령문은 한줄에 하나씩 쓰는것이 좋은데,
명령문의 끝에 세미콜론을 붙이게 되면 한줄에 두개이상 명령문을 쓸수도있어요
세미콜론의 의미는 '명렁문 하나 끝남'이라는 의미에요. -->
<script>
window.alert('당신...자꾸 그러면 경고야!!')
window.alert('좋은 말로할때 그만했어야지')
</script>
</body>
</html>🚦 자바스크립트의 동작 원리
자바스크립트의 기본 동작은 입력, 처리, 출력의 순서로 이루어집니다.
- 입력: 자바스크립트는 객체에게 어떤 작업을 수행하라고 명령을 내립니다.
- 처리: 객체가 그 명령을 수행합니다.
- 출력: 객체가 작업을 마친 후 결과를 사용자에게 반환합니다.
이 절차를 통해 자바스크립트는 웹 브라우저나 웹 요소들에 대해 동적 작업을 수행하고, 그 결과를 화면에 출력합니다.
💻 객체 다루는 방법
자바스크립트에서는 다양한 객체가 미리 정의되어 있습니다. 이를 활용하여 작업을 처리할 수 있습니다.
- 객체.데이터: 객체가 가진 데이터를 사용합니다. 예를 들어, 숫자나 문자 등의 데이터를 다룹니다.
- 객체.기능(): 객체가 가진 기능을 실행합니다. 이때 괄호가 필수입니다.
자바스크립트에서는 window 객체와 같은 객체를 활용하여 웹 브라우저에 명령을 내릴 수 있습니다. 예를 들어, window.alert() 명령을 사용하면 웹 브라우저에 경고창을 띄울 수 있습니다.
window.alert('경고 메시지');위의 코드처럼 window.alert()를 사용하면, **"경고 메시지"**라는 내용이 경고창에 표시됩니다.
🧑💻 자바스크립트 코드 작성 및 실행
자바스크립트 코드에서는 주석을 사용하여 코드의 설명을 추가할 수 있습니다. 주석은 코드 실행에 영향을 주지 않으며, 코드의 이해를 돕습니다.
주석 사용 방법:
- 한 줄 주석:
javascript
// 주석 내용- 여러 줄 주석:
javascript
/*
여러 줄로 작성된
주석 내용
*/✅ 마무리
자바스크립트는 입력, 처리, 출력의 절차를 통해 웹 브라우저나 웹 요소들에 명령을 내리고, 그 결과를 사용자에게 반환하는 역할을 합니다. 객체와 메소드를 이용하여 동작을 제어하고, window.alert()와 같은 명령을 사용하여 경고창을 띄울 수 있습니다. 또한, 주석을 활용해 코드 설명을 추가할 수 있어 코드 작성 시 유용합니다.
이제 자바스크립트를 활용하여 동적이고 인터랙티브한 웹 페이지를 구현할 수 있습니다!
'JavaScript' 카테고리의 다른 글
| Chapter 1-8. undefined 외 (0) | 2025.03.31 |
|---|---|
| Chapter 1-7. 템플릿 리터럴 (0) | 2025.03.31 |
| Chapter 1-6. 문자열 prompt (0) | 2025.03.31 |
| Chapter 1-5. 변수와 상수 (0) | 2025.03.31 |
| Chapter 1-4. 콘솔출력과 자료형 (0) | 2025.03.31 |