자바스크립트는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나로, 웹 페이지를 동적으로 만들고 사용자와 상호작용하는 데 필수적입니다. 이번 글에서는 자바스크립트의 기본 개념과 기초적인 문법에 대해 살펴보겠습니다.
📌1. 자바스크립트란?
자바스크립트는 웹 브라우저에서 동작하는 스크립트 언어로, 웹 페이지를 보다 동적이고 사용자 친화적으로 만들기 위해 개발되었습니다. 주로 HTML과 CSS와 함께 사용되며, 사용자의 클릭, 입력 등에 반응하여 웹 페이지의 동작을 제어하고 변경하는 역할을 수행합니다.
📌2. 자바스크립트의 기본 문법
자바스크립트의 기본 문법은 다음과 같습니다.
2.1 변수 (Variables)
변수는 데이터를 저장하는 컨테이너로, 다음과 같이 선언할 수 있습니다.
var age = 30; // 숫자 저장
var name = 'John'; // 문자열 저장
var isStudent = true; // 불리언 값 저장 (참 또는 거짓)2.2 조건문 (Conditional Statements)
조건문은 주어진 조건에 따라 다른 동작을 수행하도록 합니다.
if (age >= 18) {
console.log('성인입니다.');
} else {
console.log('미성년자입니다.');
}2.3 반복문 (Loops)
반복문은 동일한 작업을 반복하여 수행할 때 사용됩니다.
for (var i = 0; i < 5; i++) {
console.log('반복 횟수:', i);
}2.4 함수 (Functions)
함수는 코드 블록을 하나로 묶은 것으로, 재사용 가능한 코드를 작성하는 데 도움이 됩니다.
function greet(name) {
console.log('안녕하세요, ' + name + '님!');
}
greet('홍길동'); // 출력: 안녕하세요, 홍길동님!📌3. 이벤트 처리 (Event Handling)
자바스크립트는 사용자와 상호작용하기 위해 이벤트 처리를 지원합니다. 예를 들어, 버튼 클릭 등의 이벤트가 발생했을 때 특정 동작을 수행할 수 있습니다.
var button = document.getElementById('myButton');
button.addEventListener('click', function() {
console.log('버튼이 클릭되었습니다!');
});📌4. 외부 파일 연동
자바스크립트 코드를 외부 파일로 작성하여 HTML 파일과 분리시키는 것이 일반적입니다. 이를 통해 코드의 유지보수성과 가독성을 향상시킬 수 있습니다.
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<title>자바스크립트 기초</title>
<script src="script.js"></script>
</head>
<body>
<!-- 웹 페이지 내용 -->
</body>
</html>// script.js
var name = 'Alice';
console.log('이름:', name);📌END.
이상으로 자바스크립트 기초에 대해 간단히 소개해보았습니다.
안녕하세요! 👋
정보에 감사드립니다.