HTML과 CSS는 정적인 언어입니다. 정적이라는 것은 이것들이 브라우저를 통하여 웹페이지를 화면에 그려주면 이 화면을 변경할 수 있는 방법이 없다는 의미입니다.
하지만 Javascript는 HTML과 CSS로 만들어진 웹 페이지를 동적으로 변경해줄수 있는 언어입니다. 알러트창(알림창)을 띄우고 탭 인터페이스를 만들고, Drag & Drop 기능의 웹 애플리케이션을 만들 수 있습니다.
1. 역사
첫 탄생은 1995년 넷스케이프에서 근무하던 브랜든 아이크가 10일 만에 설계한 것으로부터 시작됩니다. 처음에는 Mocha라는 이름이었지만 4달 만에 LiveScript라는 이름으로 개명하고 다시 3달 후에는 JavaScript라는 이름이 되어 오늘날까지 이어지고 있습니다. 'JAVA와 구문이 유사하여 이름을 JavaScript로 명명했다.' 라는 표면상의 이유를 말하지만, 사실은 JAVA의 유명세를 타서 묻어가기 위해 의도적으로 작명한 것으로 보입니다. 물론, 썬 마이크로시스템즈(현재는 오라클에 인수되었음)에게 상표권 허락을 받았으며, 현재 JavaScript가 널리 쓰이고 있기 때문에 각자의 유명세에 보탬이 되고 있다고 보아 상부상조의 관계라고 보입니다.
2. 특징과 장단점
특징
객체 기반의 스크립트 언어
HTML에서 삽입되어 사용되며 웹페이지를 다이나믹하게 만들 수 있습니다.
동적이며, 타입을 명시할 필요가 없는 인터프리터 언어
this나 변수, 스코프 등이 코드가 실행되면서 변할 수 있습니다.
객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현 가능
JAVA나 C++ 도 객체지향 언어이지만, 그 와는 다른 prototype을 사용한 상속을 하는 객체 기반 언어입니다.
장점
HTML 안에서 바로 script 태그 안에서 코드를 작성할 수 있기 때문에 속도가 빠릅니다.
컴파일 과정이 필요 없기 때문에 즉시 실행이 가능하며, 디버깅도 간편합니다.
많이 사용하는 언어 중 하나이기 때문에 참고할 자료 또한 많습니다.
단점
웹 상에서 바로 코드를 볼 수 있기 때문에 보안적으로 문제가 생길 수 있습니다.
내부적으로 제공하는 기능이 제한적이고 개발도구도 적은 편에 속합니다.
3. 사용법
자바스크립트는 CSS와 같은 방식으로 HTML 페이지에 적용됩니다. CSS는 외부의 스타일시트를 적용하기 위해 link요소를 사용하거나 내부의 스타일시트를 적용하기 위해 style요소를 사용하는 반면, 자바스크립트는 HTML 상에서 오직 script 태크만으로 사용이 가능합니다.
<body> 태그가 끝나는 것을 알리는 태그인 </body> 이전에 <script></script> 를 선언하여 자바스크립트 코드를 생성할 수 있습니다.
<script>
//JavaScript Code
</script>
</body>
또한 자바스크립트 코드만 존재하는 js 확장자 파일을 만든 후 HTML에서 불러와 사용할 수도 있습니다.
<script src="/scriptFolder/script.js"></script>'JavaScript & JQuery' 카테고리의 다른 글
| [JavaScript]자주 사용하는 정규식 (2) | 2022.04.12 |
|---|---|
| [JavaScript] 정규 표현식(RegExp)의 개념 (4) | 2022.04.12 |
| [JavaScript]checkbox, select, radio 활성화, 비활성화 / 선택 값 / 선택 변경 (8) | 2022.03.22 |
| [HTML&JSP] SNS에서 URL 공유시 미리보기meta 태그 (2) | 2022.03.17 |
| [WEB] meta태그 (2) | 2021.07.21 |
댓글