1. JavaScript
1. JavaScript란
- JavaScript는 1995년에 넷스케이프에서 제작한 인터프리터 언어이다.
- 인터프리터가 각각의 브라우저에 내장되어 있다. OS에서 동작하는 것이 아닌 브라우저에서 동작한다.
- HTML이 웹 문서의 구조를 담당하고 CSS가 웹 문서의 디자인을 담당한다면 JavaScript는 웹 문서를 동적으로(다이나믹하게) 구성할 수 있게 해준다.
- JavaScript의 특징
- HTML 웹 문서의 태그들을 제어할 수 있다. 사용자에 의해 이벤트(사용자가 행하는 동작)가 발생했을 때 스타일을 바꾼다던지 애니메이션 효과를 준다던지 등과 같은 태그 제어가 가능하다.
- 다양한 라이브러리나 API가 존재하여 개발 기간을 단축을 시킬 수 있다. 데이터 시각화, 차트, 그래프, 통계등에 활용되는 라이브러리나 지도 API, 주소API 등 API들도 JavaScript로 제작되어 있어 사용하기 편리하다.
- 최근에는 순수 JavaScript로 구성된 프레임워크들이 성행해서 백엔드와 프론트엔드 모두 JavaScript로만으로도 개발이 가능하다. 백엔드(Node.js)나 프론트엔드(React.js, Vue.js, Angular.js) 등의 프레임워크가 많이 사용되고 있다.
- 자바스크립트의 버전
- 2011년 ECMAScript5 버전의 표준화된 Javascript가 오래 사용되다가 2015년에 ECMAScript6 버전이 나오면서 다양한 JavaScript 프레임워크가 탄생하였고 최근에는 거의 대부분 ES6를 사용한다.
- ES6 후로는 거의 매년 1번 씩 업데이트가 진행되고 있다.
- 자바스크립트의 선언과 사용
- HTML 웹 문서에 script 태그를 이용해서 내장 스크립트처럼 사용할 수 있다.
- 외부에 .js 파일을 만들어서 자바스크립트 코드를 작성하고 HTLM 웹 문서에 script태그의 src 속성으로 링크를 걸어서 외장 스크립트를 사용할 수 있다.
- 많은 개발자들이 head 태그 안에 script를 사용한다.
- 원래 가장 좋은 script의 위치는 body 태그 최하단. 모든 태그들이 로드된 후에 script가 동작하는 위치이기 때문이다.
728x90
'네이버클라우드 캠프 5기 > 학습내용 정리' 카테고리의 다른 글
| 41. JavaScript - operator (0) | 2023.05.26 |
|---|---|
| 40. JavaScript - variables (0) | 2023.05.26 |
| 38. CSS - 반응형 웹 (0) | 2023.05.26 |
| 37. CSS - CSS와 애니메이션 (0) | 2023.05.26 |
| 36. CSS - 다양한 선택자들 (0) | 2023.05.26 |