자바스크립트란?
자바스크립트(JavaScript)는 웹 개발에서 가장 중요한 프로그래밍 언어 중 하나로, 주로 웹 페이지의 동적 동작을 구현하는 데 사용됩니다. 자바스크립트는 웹 브라우저에서 실행되는 클라이언트 사이드 스크립팅 언어로 시작했지만, 현재는 서버 사이드 프로그래밍, 데스크톱 애플리케이션, 모바일 애플리케이션 개발 등 다양한 영역에서 사용됩니다.
예시)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
let n1 = 1;
let n2 = 1.5;
console.log("정수", n1);
console.log("실수", n2);
let n3 = '자바스크립트 "자료형" 강좌';
console.log("문자열", n3);
let n4 = true;
console.log("불리언", n4);
let n5 = null;
console.log("널", n5);
let n6 = undefined; // 정의되지 않은 타입
let n7;
console.log("언디파인", n6);
console.log("언디파인", n7);
// Javascript Object Notation = Json
let user = {
id: 1,
username: "ssar",
password: "1234"
};
let board = {
id: 1,
title: "제목1",
content: "내용1",
user: {
id: 1,
username: "ssar",
password: "1234",
hobby: ["농구", "축구"]
}
}
console.log("객체", user);
console.log("객체", user.id);
console.log("객체", user.username);
console.log("객체", user.password);
let arr = [1, 2, "문자열"]; // 띄엄, 띄엄 (연속되게 안들어감)
console.log("배열", arr);
console.log("배열", arr[0]);
console.log("배열", arr[1]);
console.log("배열", arr[2]);
// 함수
function fun1() {
console.log("fun1 함수");
}
fun1();
// 익명함수(js는 모든 것이 1급 객체가 될 수 있다)
let f = function () {
console.log("fun2 함수");
}
f();
// 람다 표현식(expression = return 값이 있는 식)
let f1 = () => {
return 1;
}
f1();
/* 람다 표현식(생략)
let f1 = () => 1;
function f1() {
return 1;
}
람다 식
let f1 = () => {console.log(1);};
function f1() {
console.log(1)
}
*/
</script>
</body>
</html>JavaScript 는 항상 body 마지막 부분에 추가해야 한다. 그 이유는 JavaScript는 인터프리터 언어로 위에서부터 한 줄씩 읽으면서 내려오는 언어이기 때문이다. script를 앞에 배치 시켜서 실행 시킬 경우, DOM을 구성하거나 id를 찾아서 이벤트를 생성해도 작동하지 않기 때문이다.
Share article