반응형
자바스크립트(JAVASCRIPT)란?
자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다.
즉, 웹 문서를 동적으로 제어하기 위해 고안된 프로그래밍 언어이다.
이 언어는 웹브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다.
- HTML : 모델 담당
- CSS : 뷰 담당
- 자바스크립트 : 제어담당
자바스크립트의 역할
- 요소의 추가 및 삭제
- CSS 및 HTML 요소의 스타일 변경
- 사용자와의 상호작용
- 폼의 유효성 검증
- 마우스와 키보드 이벤트에 대한 스크립트 실행
- 웹 브라우저 제어 및 쿠키 등의 설정과 조회
- AJAX 기술을 이용한 웹 서버와의 통신
자바스크립트의 역할
- 대소문자 구분하여 작성
- 문장은 세미콜론(;)으로 구분
- 큰따옴표(" ")와 작은 따옴표(' ')를 구분하여 사용
바른 예 : var age = 25
document.write("당신의 나이는 " + age + "입니다.")
잘못된 예 : var age = 25 document.write("당신의 나이는 " + age + "입니다.")
자바스크립트 포함 방법
HTML 문서 내부에 코드를 작성하는 방법
- <head> 태그 또는 <body> 태그 내에 코드 작성
- HTML 태그 안에 속성값으로 정의
<head>
<meta charset="utf-8"/>
<title>자바스크립트 예제</title>
<script>
//자바스크립트 코드 작성
</script>
</head>
<body>
<script>
//자바스크립트 코드 작성
</script>
</body>
<button type="button" onclick="alert('자바스크립트')">버튼 클릭</button>
별도로 작성한 후 HTML 문서에서 참조하는 방법
- 외부 자바스크립트 파일을 만든 후 HTML 문서의 <script> 태그에 src 속성을 추가하여 참조
자바스크립트 데이터 수집
자바스크립트는 데이터 수집에 적합하다.
그 이유는 자바스크립트는 코드 작성이 쉽기 때문이다.
많은 웹페이지에서 자바스크립트가 이용되고 있는 만큼 누구라도 조금만 배우면 데이터 수집을 위한 자바스크립트 코드를 작성할 수 있다. 또한 자바스크립트를 위한 풍부한 라이브러리가 준비되어 있다.
- 배우기 쉽다
- 다양한 라이브러리가 준비되어 있다.
- 유연성이 높아 코드를 빠르게 작성할 수 있다.
반응형
'프로그래밍 언어 > React' 카테고리의 다른 글
| FCMToken이란? (1) (0) | 2022.11.18 |
|---|---|
| Javascript VS Typescript (0) | 2022.11.07 |
| React : Context API (0) | 2022.06.22 |
| React : cookie / localStorage / SessionStorage (0) | 2022.05.17 |
| React의 기초 (0) | 2021.08.11 |
