JS?
- 동적인 웹페이지를 작성하기 위하여 사용되는 언어
- 모든 웹브라우저들은 자바스크립트를 지원
특징
- 인터프리터언어 : 컴파일 과정을 거치지 않고 바로 실행
- 동적타이핑 : 자료형 선언하지 않아도 변수 사용 가능
- 구조적 프로그래밍 지원 :
C언어의 구조적 프로그래밍 (if else,while,for등 제어구조) 지원 - 객체기반 : 객체지향언어이다.
- 함수형 프로그래밍 지원 : JS에서 함수는 그 자체로 객체이다.
- 프로토타입 : 상속을 위해 클래스 개념 대신 프로토타입 사용
🥕 용도
- 이벤트에 반응하는 동작 구현
AJAX를 통해 전체페이지를 로드하지 않아도 새로운 콘텐츠를 받아올 수 있음- HTML요소들의크기나 색상을 동적으로 변경
- 게임, 애니메이션 등 상호 대화적인 콘텐츠 구현 가능 (웹소켓 이용하여 채팅기능 구현)
- 사용자의 입력값 검증하는 작업 가능 (Validation Check 이용)
🥕 확장
- 클라이언트 웹 페이지를 위한 프로그래밍 언어였지만 현재 그용도가 확장 되었다
Node.js: 서버사이드 소프트웨어 시스템jQuery: 자바스크립트 라이브러리JSON: JavaScript Object Notation (자바스크립트 객체 표기법), 데이터 전송용XML을 대체,JSON을 통해AJAX라는 비동기 통신을 많이 한다
🥕 위치
- 내부 JS -
<style>태그와는 달리 <head></head>와 <body></body>사이 아무데나 배치 가능하다.
단, 헤드에 썼으면 헤드, 바디에 썼으면 바디에만 향후 사용 가능하다.- 외부 JS -
<style>태그와는 달리 <head></head>와 <body></body>사이 아무데나 배치 가능하다.
단, src를 적는 <script>태그는 여기저기 작성 가능- 인라인 JS
<button type="button" onclick="alert('반갑습니다.')">버튼을 누르세요!</button>출력 및 문장
- innerHTML : 화면에 표시되는 데이터 변경시 용이
- document.write() : 테스트용도로 사용
- window.alert() : window는 생략가능, 경고상자
- sonsole.log() : 디버깅시 사용
- 자바스크립트 문장은 웹브라우저에게 내리는 명령이다.
구문 및 주석
systax유형 - 고정 값(숫자, 문자), 변수값- 문자는
""나''로 감싸서 표현 - 변수는
var이용해 선언 - 식별자는 숫자로 시작 할 수 없으며 대소문자 구분
- // : 단일문장주석, /**/ : 다중문장 주석
- ES6에서는
let과const가 등장!let x : 블록영역 변수
var y : 함수 영역 (블록영역보다 넓다고 볼 수 있다)
const a = 10; : 상수이므로 a값 변경 불가
