자바스크립트란?
자바스크립트는 웹상에서 HTML의 프로그래밍 언어이다. 프로그래밍 언어라는 의미는 컴퓨터에게 어떤 동작을 수행시킬 수 있다는 뜻이다. 즉, HTML 태그에 어떤 동작을 부여해서 작업을 처리한다.
자바스크립트를 JS라고 칭하겠다.
HTML 페이지 내부에 포함해서 작성하는 방법
<script>
// 자바스크립트 코드 기술
</script>
HTML 페이지에서 <head> 태그 안에 기술해 사용할 수 있다. 이렇게 작성한 js 코드는 해당 HTML 페이지에서만 사용할 수 있으며, 다른 페이지에서 재사용할 수 없다.
별도의 파일로 작성 후 필요한 페이지에서 가져다 쓰는 방법
<script src="경로를 포함한 JS파일명"></script>외부의 파일로 작성된 JS 파일을 현재의 페이지에 포함시켜 실행할 경우에는 src 속성에 자바스크립트 파일명을 써서 한다. 간단한 JS를 제외한 대부분의 JS는 재사용성을 위해 외부 파일로 저장한 후 필요할 경우 사용하는 것이 좋다.
자바스크립트의 문장구조
- JS는 유니코드(Unicode) 기반의 프로그래밍 언어이다.
- JS는 대소문자를 구분한다.
- JS에서 문장의 끝은 세미콜론(;)으로 구분한다.
- JS는 자바, C계열의 주석인 //, /**/을 사용한다.
- 자바의 리터럴(데이터의 값)
| 리터럴(값) | 설명 |
| 5 | 정수 리터럴 |
| 5.0 | 실수 리터럴 |
| "test, 'test' | 문자열 리터럴. JS는 문자열 리터럴 표현에 "", ''를 둘 다 사용할 수 있음 |
| false | 부울 리터럴 |
| null | null 리터럴. 레퍼런스 타입(객체 타입) 변수의 초기화 등에 사용. 객체 변수가 이 값을 갖게 되면, 할당된 객체가 없다는 의미 |
| [1, 2, 3] | 배열 리터럴 |
| function(){} | 함수 리터럴 |
| {id : "aaaa"} | 객체 리터럴 |
- 자바스크립트의 식별자 규칙
- 첫 글자는 영문자, _, $를 사용할 수 있으며, 나머지 글자는 숫자도 사용 가능. 가급적이면 영문자로 시작하는 것이 좋다.
- 자바스크립트의 변수 선언
- var 키워드를 사용해서 var 변수명 = 리터럴; 과 같은 형식으로 사용한다.
숫자 타입
ex) 1000
문자열 타입
ex) "1000", "Hi", "ㅎㅇ"
부울 타입
ex) true, false
JS 객체 : {}
ex) var 객체변수명 = {프로퍼티, 메소드};
배열 : []
ex) var 배열면수명 = [원소1, 원소2, ...];
함수 : function(){}
ex) var 함수변수명 = function(인수리스트){//처리코드};
프로그래밍 권고사항
- 전역변수는 가급적 사용을 자제한다.
var x = 1; // 전역변수
var t1 = function(){
var y = 2; // 지역변수
return x * y;
};- 지역변수를 사용시 선언하고 사용한다.
- 참조대상(변수 등)은 먼저 선언하고 사용한다.
// 후방참조 : 먼저 사용 후 선언. 권장 안 함.
x + y;
var x = 1;
var y = 1;
// 전방참조 : 먼저 선언 후 사용. 권장.
var x = 1;
var y = 1;
x + y;- 변수는 사용전에 초기화 한다.
- 숫자, 문자, 부울 값은 객체 형태로 쓰지 않는다.
- 문자열, 객체, 배열, 함수 생성시 new 키워드를 사용해서 생성하지 않는다.
- 자동 형변환에 주의한다.
'BOOK' 카테고리의 다른 글
| [Do it SQL] Chapter 01-2 (2) | 2025.03.14 |
|---|---|
| [Do it SQL] Chapter 01-1 (0) | 2025.03.12 |
| [CSS] Chapter 4-2 (0) | 2025.02.28 |
| [CSS] Chapter 4-1 (1) | 2025.02.24 |
| [HTML]Chapter3-2 (1) | 2025.02.23 |