1.자바스크립트 특징
★인터프리트 언어-컴파일 과정을 거치지 않고 바로 실행시킬 수 있는 언어
★ 동적 타이핑(dynamic typing)
: 변수의 자료형을 선언하지않고도 변수를 사용할 수 있음
★ 함수형 프로그래밍 지원
★ 프로토타입-기반 ->> 상속 가능
2.자바스크립트의 용도
★ 이벤트에 반응하는 동작 구현
★ AJAX
★ HTML 요소들의 크기나 색상을 동적으로 변경 가능
★ 게임과 애니메이션과 같은 상호 대화적인 콘텐츠 구현
★ 사용자가 입력한 값들을 검증하는 작업 -> 자바스크립트를 이용
3. 자바스크립트의 위치
★ 확장자 : .js
- 내부 자바스크립트
- 외부 자바스크립트
: 장점
=> HTML과 코드를 분리
=> HTML과 JavaScript 유지보수에 용이하며 가독성이 높아짐
=> 페이지 로드 속도가 빨라짐 - 인라인 자바스크립트
4. 자바스크립트의 출력 및 문장
★ 출력 방법
- innerHTML() : 화면에 표시되는 데이터 변경 시 용이
- document.write() : 테스트 용도로 사용
- window.alert() : window생략 가능. 경고 상자
- console.log() : 디버깅 시 사용
5. 자바스크립트의 구문 및 주석
★ 구문(syntax) - JavaScript 구조, 문법의미
- syntax 유형 : 고정값(숫자,문자),변수값
- 문자는 ("")나 ('')로 감싸서 표현
- 변수는 var 키워드를 사용하여 선언
★ 식별자는 숫자로 시작할 수 없으며, 대소문자 구분함
★ // 단일문장 주석
★ /**/
많은 JavaScript HTML 메서드 중 하나는
getElementById(), getElementsBynames()
https://www.w3schools.com/js/tryit.asp?filename=tryjs_intro_inner_html
https://www.w3schools.com/js/tryit.asp?filename=tryjs_intro_lightbulb
-
display none으로 바꿔주는거 많이 씀
https://www.w3schools.com/js/tryit.asp?filename=tryjs_intro_hide -
js output (innerHTML 많이 씀)
https://www.w3schools.com/js/js_output.asp
6. 자바스크립트의 변수
★ 변수
★ 변수 명명 규칙
- 변수 이름은 문자로 시작(숫자로 시작하면 안됨)
★ 변수 유형
- 수치형
- 문자열
- 부울형
- 배열
- 객체형
- typeof 연산자를 이용해서 JavaScript 변수의 유형을 찾을 수 있음
- Undefined : 변수 선언은 되었으나 값이 정해지지 않은 상태
7. 연산자
- 산술연산자
: x=5**2 는 Math.pow(5,2)와 동일 - 대입연산자
- 문자열에서의
- 비교연산자
: 논리문장에서 값들을 비교하는 용도로 사용 - 논리연산자
- 조건연산자
: maxValue=(x>y)?x:y;
객체형
- 객체(object)는 사물의 속성과 동작을 묶어서 표현하는 기법
- 객체를 만들어서 사용
배열
- 배열 생성 방법
1) 리터럴로 배열 생성
2)Array객체로 배열 생성
함수만들기
1) function printScreen(){}
- 함수의 호출
인수와 매개변수
무명함수
함수의 반환값
지역변수
전역변수
