(45) [JavaScript] 1일 JavaScript 기초

자바 스크립트란?
자바스크립트(JavaScript)는 개체 기반의 스크립트 언어
웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는
기능을 가지고 있다.
HTML 문서에 적용될 때, 웹사이트상에서 `동적` 상호 작용성을 제공할 수 있는
완전한 동적 프로그래밍 언어.

특징

자바스크립트는 객체 기반의 스크립트 언어
자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어.
자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.

스크립트 언어란?

기존에 이미 존재하는 소프트웨어(애플리케이션)를 제어하기 위한 용도로 쓰이는 언어
수정이 빈번하게 발생하는 부분은 소스코드를 한 줄씩 읽어 바로 실행하는 인터프리터 방식이 유리하므로, 스크립트 언어는 이런 부분에서 사용하기 위해 나온 언어.

자바스크립트 구현

코어 (ECMAScript) : 자바스크립트의 핵심기능. 문법,타입,선언문,키워드,예약어,연산자,객체 등 언어ㅢ 저 수준에 해당하는 부분.
문서 객체 모델(DOM) : XML을 HTML에서 사용할 수 있도록 확장된 애플리케이션 프로그래밍 인터페이스. DOM은 전체페이지를 노드 계층 구조로 변환하며, HTML 페이지의 각 부분은 각기 다른 데이터를 포함하는 다양한 타입의 노드로 표현한다.
브라우저 객체 모델 (BOM) : 브라우저와 상호작용하는 메소드와 인터페이스 제공. 웹 브라우저와 관련된 객체의 집합. BOM을 이용하면 브라우저 창에 접근하고 조작할 수 있다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">

<script type="text/javascript">
	alert('환영 합니다.')
</script>


</head>
<body>


	<h3>script 태그</h3>


</body>
</html>

HTML문서에 JavaScript 추가

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">

<!-- 외부 자바스크립트 포함 -->
<!-- 주의:외부 자바스크립트를 포함한 경우 script 태그에 다른 스크립트를 추가하지 않는다. -->
<script type="text/javascript" src="text.js"></script>

<script type="text/javascript">
	var n;

	n = add(10, 20);
	alert(n);
</script>

</head>
<body>

	<h3>외부 javascript 포함</h3>


</body>
</html>

JavaScript 로그 출력

브라우저 개발자 도구(F12)의 콘솔에 로그를 출력하여 디버깅할 수 있는 Console 객체를 제공한다. Console 객체는 브라우저의 디버깅 콘솔에 접근할 수 있는 메소드를 제공한다. Console 객체는 모든 전역 객체에서 접근할 수 있다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">

<script type="text/javascript">
var a,b,c;

a=10;
b=5;
c=a+b;
console.log(c);
console.log(a,b,c);

</script>

</head>
<body>

<h3>console 객체</h3>

<div></div>


</body>
</html>

'💻 > Javascript' 카테고리의 다른 글

(47) [JavaScript] 3일 JavaScript 내장객체 (0)	2024.04.23
(47) [JavaScript] 3일 JavaScript 함수&예외처리 (0)	2024.04.22
(46) [JavaScript] 2일 JavaScript 기본 내장 함수 (1)	2024.04.19
(46) [JavaScript] 2일 JavaScript 기본 - 2 (0)	2024.04.19
(45) [JavaScript] 1일 JavaScript 기본 - 1 (1)	2024.04.19

Power Up!

(45) [JavaScript] 1일 JavaScript 기초

특징

스크립트 언어란?

자바스크립트 구현

HTML문서에 JavaScript 추가

JavaScript 로그 출력

'💻 > Javascript' 카테고리의 다른 글

티스토리툴바

(45) [JavaScript] 1일 JavaScript 기초

특징

스크립트 언어란?

자바스크립트 구현

HTML문서에 JavaScript 추가

JavaScript 로그 출력

'💻 > Javascript' 카테고리의 다른 글

관련글

티스토리툴바