JavaScript
JavaScript는 동적인 웹 페이지를 만들기 위해 사용되는 프로그래밍 언어로,
이벤트(클릭, 입력 등) 에 반응하여 사용자와 상호작용이 가능하며, HTML 및 CSS와 함께 사용됩니다.
또한 다양한 라이브러리와 프레임워크가 JavaScript를 기반으로 구축되어 웹 개발의 효율을 높아지고 있습니다.
📌 주요 특징 및 개념
- 동적인 웹 페이지 제작
- 이벤트 기반 프로그래밍
- 객체 기반 프로그래밍
- 가변적인 데이터 타입: 변수의 데이터 타입을 동적으로 결정, 문자열, 숫자, 배열, 객체 등 데이터 타입을 지원
- 함수 지원:
- 브라우저와 상호작용: DOM을 통해 HTML 문서의 구조를 조작, BOM을 통해 브라우저 창과 관련된 기능을 조작
- 서버 측 프로그래밍:Node.js와 같은 환경을 사용하여 JavaScript를 서버 측에서도 실행할 수 있습니다. 이로써 클라이언트와 서버 간의 일관된 언어 사용이 가능해집니다.
표현식 (expression)
• 값을 만들어내는 것
• 예 : 546, 20 + 34 *2 , “TestOne”
문장 (statement)
• 하나 이상의 표현식이 모인 것
• 문장 끝에는 세미콜론(;)을 적어서 문장의 끝을 알림
• 예 : 546; , 20 + 34 *2; , var test=“Test”+”One”; , alert(“Hello JavaScript !!”);
식별자
변수명, 함수명과 같은 이름을 붙일 때 사용하는 단어로 한글, 영어 같은 모든 언어 사용 가능
[ 규칙]
• 키워드와 공백 문자를 사용할 수 없음
• 숫자로 시작할 수 없음
• 특수문자는 _과 $만 허용
- 식별자의 종류
| 단독사용 | 다른 식별자와 사용 | |
| 식별자 뒤 괄호 X | 변수 | 속성 |
| 식별자 뒤 괄호 O | 함수 | 메서드 |
주석 사용
| HTML 태그 주석 | JavaScript 주석 |
| <!-- --> | 한 문장 : //주석문, 여러 문장 : /* 주석문 */ |
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
① <!-- JavaScript 시작입니다-->
<script>
// 변수를 선언합니다.
② var date = new Date();
var hour = date.getHours();
② //조건문
if (hour < 20) {
② //시갂이 20시 미만일때 "Good day"를 출력합니다.
alert("Good day");
}
else {
② /* 시갂이 20시 미만 아닐 때
"Good night"를 출력합니다. */
alert("Good night");
}
</script>
<body>
</body>
</html>① HTML 태그 주석
② JavaScript 주석
'Javascript' 카테고리의 다른 글
| [Javascript] 자바스크립트 메서드 (Method) (1) | 2023.10.18 |
|---|---|
| [Javascript] 객체 Object, 배열 Array (0) | 2023.10.18 |
| [Javascript] 자바스크립트 조건문 (if) (0) | 2023.10.18 |
| [Javascript] 자바스크립트 변수 (Variable) (0) | 2023.10.17 |
| [Javascript] ECMAScript 6 (ES6) (0) | 2023.08.13 |