728x90
JavaScript
1995년에 넷스케이프에서 제작한 인터프리터 언어입니다.
인터프리터는 각 브라우저에 내장되어, OS가 아니라 브라우저에서 동작합니다.
HTML이 웹 문서의 구조를 담당하고 css가 웹 문서의 디자인을 담당한다면 JavaScript는 웹 문서를 동적으로(다이나믹하게) 구성할 수 있게 해줍니다.
JavaScript의 특징
1) HTML 웹 문서의 태그들을 제어 가능합니다.
- 사용자에 의해 이벤트(사용자가 행하는 동작)가 발생했을 때 스타일을 바꾼다든지 애니메이션 효과를 준다든지 등과 같은 태그 제어가 가능합니다.
2) 다양한 라이브러리나 API가 존재하여 개발 기간을 단축시킬 수 있습니다.
- 데이터 시각화, 차트, 그래프, 통계 등에 활용되는 라이브러리나 지도 API, 주소 API 등 API들도 JavaScript로 제작되어 있어 사용하기 편리합니다.
- 최근에는 순수 JavaScript로 구성된 프레임워크들이 성행해서 백엔드와 프론트엔드 모두 JavaScript만으로도 개발이 가능합니다.
- 최근에는 백엔드 (Node.js)나 프론트엔드(React.js, Vue.js, Angular.js) 등의 프레임워크를 많이 사용합니다.
자바스크립트의 버전
- 아래는 위키피디아에서 일부 발췌했습니다.
- 2011년까지 ECMAScript5 버전의 표준화된 Javascript를 오랫동안 사용했습니다. 이후 2015년에 ECMAScript6 버전이 나오면서 다양한 JavaScript 프레임워크가 나왔고 최근에는 거의 대부분 ES6를 사용합니다. 그 이후로는 보시는 것처럼 매년 1회 6월정도 업데이트가 진행됩니다.
자바스크립트의 선언과 사용
HTML 웹 문서에 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>
<h1>내장 자바스크립트</h1>
<script>
alert('hello javascript!!');
</script>
</body>
</html>외부에 .js 파일을 만들어서 자바스크립트 코드를 작성하고 HTML 웹 문서에 script 태그의 src 속성으로 링크를 걸어서 외장 스크립트를 사용할 수 있습니다.
// js/externalJS.js
alert('hello javascript!!');대다수 개발자들이 head 태그 안에 script를 사용합니다. 원래 가장 좋은 script의 위치는 body 태그 최하단, 즉, 모든 태그들이 로드된 후에 script가 동작하는 위치이기 때문입니다.
'네이버 클라우드 캠프 > JavaScript' 카테고리의 다른 글
| [Jquery] Selector (0) | 2023.05.23 |
|---|---|
| [Jquery] Jquery 기초 (0) | 2023.05.23 |
| [JS] 변수 선언과 사용 (0) | 2023.05.22 |