728x90
반응형
SMALL
1. 자바스크립트(JavaScript)란 ❓
- Ecma International의 프로토타입 기반의 프로그래밍 언어로, 스크립트 언어
- HTML, CSS와 함께 웹을 구성하는 요소 중 하나
- 클라이언트 단에서 웹 페이지가 동작하는 것을 담당
- 썬 마이크로시스템즈(현 오라클)에서 개발한 Java와 관계 없는 언어
2. 자바스크립트의 역사
- 1995년
- 넷스케이프 내비게이터 : 네비게이터 브라우저가 90% 이상의 점유율
- 1996년
- 브랜던 아이크 동적인 프로그램을 개발하기 위해 언어(모카, 10일만에 개발)를 개발
- 네비게이터2에 탑재(모카 ➡라이브스크립트➡자바스크립트)
- MS의 익스플로러의 jscript 호환성 문제로 크로스 브라우징 이슈가 발생
- 1997년
- 자바스크립트는 ECMAScript(비영리 표준화 기구 ECMA 인터내셔널)로 명명됨
- 1999년
- 비동기적(Asynchronous) 서버와 브라우저가 데이터를 교환할 수 있는 기능 Ajax(Asynchronous JavaScript and XML)이 탄생
- 2005년
- 구글이 발표한 구글맵에 Ajax기술을 사용
- 크롬 발표함(V8 자바스크립트 엔진)
- 2006년
- jQuery 등장으로 크로스 브라우징 이슈도 해결
- jQuery 등장으로 크로스 브라우징 이슈도 해결
- 2009년
- Node.js의 등장
- 탈 브라우징(웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에도 사용)
- 현재
- SPA(Single Page Application) 개발
- React, Vue, Angular
- SPA(Single Page Application) 개발
3. 자바스크립트의 특징
- 객체 기반의 스크립트 언어
- 대소문자를 구별
- 문장 끝에 세미콜론(;)을 사용(생략이 가능)
4. 자바스크립트의 출력
- Web API Console을 통해 브라우저 Console 창에 출력
4-1. <script> ~ </script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>자바스크립트 출력</title>
</head>
<body>
<h2>자바스크립트 출력</h2>
<script>
console.log('안녕하세요. JavaScript1')
</script>
</body>
</html>4-2. 외부 자바스크립트로 사용
- <script defer src="파일명"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>자바스크립트 출력</title>
</head>
<body>
<h2>자바스크립트 출력</h2>
<script defer src="./1_외부자바스크립트.js"></script>
</body>
</html>📄 외부 JavaScript 파일
console.log('안녕하세요. JavaScript2');1_외부자바스크립트.js
0.00MB
728x90
반응형
LIST
'Web > JavaScript' 카테고리의 다른 글
| [JavaScript] 자동 타입 변환 & 타입 변환 함수 & NaN(Not a Number) (0) | 2023.04.06 |
|---|---|
| [JavaScript] 자바스크립트의 데이터 타입 (0) | 2023.04.05 |
| [JavaScript] 자바스크립트의 변수(variable)와 상수(constant) (0) | 2023.04.05 |
| [JavaScript] 주석문 & VSC 익스텐션 설치 - snippets 등록하는 법 (0) | 2023.04.05 |
| [JavaScript] 자바스크립트의 실행 순서 - <head>태그 사이, <body>태그 끝, <script async>, <script defer> (0) | 2023.04.05 |
