현재 자바스크립트를 배우고 있는 중이지만 개념을 따로 알고자 한적은 없는 것 같아서 이번 기회에 자바스크립트의 개념을 정리해보고자 한다.
자바스크립트는 웹 문서를 동적으로 제어하기 위해 고안된 프로그래밍 언어이다.
웹 문서에서 HTML과 CSS는 웹 정보의 모델과 뷰를 담당하고 자바스크립트는 제어를 담당하게 된다.
뿐만 아니라 HTML, CSS보다 프로그래밍 언어의 성격이 강하다. 자바스크립트에서 사용하는 데이터 타입은 사용용도에 따라 기본형 타입(number, string, boolean, array, object, null, undefined)과 객체 타입으로 구분이 가능하다.
| number | 정수 혹은 실수 | 100, 28.5 |
| string | 문자 혹은 문자열 | '선영', "박선영" |
| boolean | 참 혹은 거짓 | true, false |
| array | 데이터의 집합(배열, 객체로 취급) | ["빨강","노랑","파랑"] |
| object | 데이터 속성과 값으로 이루어진 집합 | {name:'선영',age:29} |
| null | 객체 값이 없음 | null |
| undefined | 데이터 값이 정해지지 않음 | undefined |
1. 웹 문서에서의 자바스크립트의 역할
- 요소의 추가 및 삭제
- CSS 및 HTML요소의 스타일 변경
- 사용자와의 상호작용
- 폼의 유효성 검증
- 마우스와 키보드 이벤트에 대한 스크립트 실행
- 웹 브라우저 제어 및 쿠키 등의 설정과 조회
- AJAX 기술을 이용한 웹 서버와의 통신
2. 자바스크립트 작성 방법
- 대소문자를 구분하여 작성
- 문장은 세미콜론(;)으로 구분
- 큰따옴표(")와 작은따옴표(')의 구분 사용
3. 자바스크립트 포함 방법
1) HTML 문서 내부에 코드를 직접 작성 : <script>코드를 <head>태그 또는 <body>태그 내에 작
2) 자바스크립트 파일을 별도로 작성한 후 HTML문서에 참조
'javascript&jquery > javascript' 카테고리의 다른 글
| <javascript> 객체요소의 우선순위 설정 (0) | 2024.04.09 |
|---|---|
| <javascript> 반복되는 요소의 이벤트 적용 (0) | 2024.04.04 |
| <javascript> 자바스크립트 이벤트 연결 (0) | 2024.04.03 |
| <javascript> 객체요소의 선택 (0) | 2024.04.03 |
| <javascript> 문서객체의 선택 (0) | 2024.04.02 |
