1. 자바스크립트란?
LiveScript 기반으로 개발한 스크립트 언어로
연산자와 제어문은 C/C++와 유사하며 객체지향의 상속방식은 프로토타입 기반이다
프로토타입 기반(prototype-based)란?
객체지향의 한 형태로, 클래스 없이 객체의 원형을 복제해서 재사용하는 방식으로 상속한다
2. 자바스크립트 사용 방법
<script> 태그를 사용해서 하며 내부에서 작성할 수 있고, 외부에서 작성해서 가져다 쓸 수도 있다
<내부에서 작성>
<script>
// 자바스크립트 코드 기술
</script>
<script> 태그는 주로 <head> 태그 안에 기술한다
<외부에서 작성>
<script src="경로를 포함한 자바스크립트파일명"></script>
src속성에 사용할 자바 스크립트 파일명을 써서 실행한다.
3. 자바스크립트의 문장 구조
- 자바스크립트는 유니코드(Unicode) 기반의 프로그래밍 언어이다
- 자바스크립트는 대소문자를 구분한다
- 자바스크립트에서 문장의 끝은 세미콜론(;)으로 구분한다
- 자바스크립트는 자바, C계열의 주석인 //, /**/을 사용한다.
- 자바의 리터럴(데이터 값)
리터럴(값) 설명 5 정수 리터럴 5.0 실수 리터럴 "test",'test' 문자열 리터럴
자바스크립트 문자열 리터럴 표현은 " ",' ' 둘 다 사용 가능false 부울 리터럴 null null 리터럴
래퍼런스 타입 변수의 초기화 등에 사용{1,2,3} 배열 리터럴 function(){} 함수 리터럴 {id:"aaaa"} 객체 리터럴 - 자바스크립트의 식별자 규칙
첫글자는 영문자, _, $를 사용할 수 있다
ex) var, var_name, _var1, $var1 - 자바스크립트의 변수 선언
var키워드를 사용해서 var 변수명=리터럴; 의 형식으로 사용한다
4. 데이터 타입
기본 데이터 타입
- 숫자 타입 - 산술연산에 사용되며 0~9, 부호(-), 소수점으로만 이루어진다
- 문자열 타입 - 숫자, 문자로 이루어진 문자열 데이터로 " ",' ' 로 표현한다
- 부울 타입 - 부울 값 true,false값을 갖는 타입 표현에 사용된다
참조 데이터 타입 : 객체 타입
- 자바스크립트 객체 : { }
ex) var 객체변수명={프로퍼티, 메소드}; - 배열 : [ ]
ex) var 배열변수명=[원소1,원소2,...] - 함수 : function(){}
ex) var 함수변수명=function(인수리스트){//처리코드};
변수 선언 방법
- var 변수명 = 리터럴 값; 과 같은 형태로 저장한다
5. 자바스크립트 프로그래밍 권고 사항
- 전역변수는 가급적 사용을 자제한다
- 지역변수를 사용시 선언하고 사용한다
- 참조대상(변수 등)은 먼저 선언하고 사용한다
- 변수는 사용전에 초기화한다
- 숫자, 문자, 부울 값은 객체 형태로 쓰지 않는다
- 문자열, 객체, 배열, 함수 생성시 new키워드를 사용해서 생성하지 않는다
- 자동 형변환에 주의한다
2024.08.28
'WEB > 쉽게 배우는 HTML5 & CSS3 그리고 JavaScript 요약 정리' 카테고리의 다른 글
| [HTML 요약정리] 05-3. 함수와 객체 (6) | 2024.09.02 |
|---|---|
| [HTML 요약정리] 05-2. 제어문 (0) | 2024.09.02 |
| [HTML 요약정리] 04. 태그를 표현하는 CSS와 Advanced CSS(CSS3) (0) | 2024.08.26 |
| [HTML 요약정리] 03. 문서를 구조화하는 HTML (0) | 2024.08.06 |
| [HTML 요약정리] 02. 코드를 작성하고 실행하는 개발 환경 설정 (0) | 2024.08.06 |