회사에서 제이쿼리를 써야 해서 자바스크립트의 기초를 공부하기 시작했다 :)
자바스크립트 선언문
선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것이다. <script> 라는 태그로 선언문이 시작된 곳부터 </script> 라는 태그로 종료된 곳까지를 스크립트 영역이라고 부른다. <head> 태그 영역 또는 <body> 태그 영역에 선언하면 된다. 우리나라 개발자의 대부분은 <head> 태그 영역에 선언하고 있다고 한다.
주석 처리
한 줄 주석일 경우 : // 한 줄 설명글
여러 줄 주석일 경우 : /* 여러 줄 설명글 */
내부 스크립트 외부로 분리
<script src='JS 파일 경로'></script>변수
변수에 저장할 수 있는 데이터의 종류로는 문자형(String), 숫자형(Number), 논리형(Boolean), 빈(Null) 데이터가 있다.
변수 선언
var 변수명; // var 변수명=값;
변수명에는 한글을 사용할 수 없으며, 영문과 숫자 그리고 일부 특수 문자(_, $)만 포함할 수 있다. 예를 들어 'mathNum' 이라고 변수명을 짓는다면 두번째 단어의 첫 글자는 대문자로 표기해야 한다. 이를 Camel(낙타) 표기법이라 부른다.
문자형
var 변수='사용할 문자나 숫자';
문자형 데이터에 HTML 태그를 포함하여 출력하면 태그로 인식한다.
숫자형
var 변수=숫자; // Number('문자형 숫자');
var s=100;
var t=Number('300'); // '300' -> 300논리형
var 변수=true or false; // Boolean(데이터);
var s=true;
var t=10>=100; //false
var k=Boolean('hello'); //true
var m=Boolean(0); //falsetypeof
지정한 데이터 또는 변수에 저장된 자료형을 알고 싶을 때 사용한다.
typeof 변수 또는 데이터;
연산자
산술 연산자
| 종류 | 기본형 | 설명 |
|---|---|---|
| + | A+B | 더하기 |
| - | A-B | 빼기 |
| * | A*B | 곱하기 |
| / | A/B | 나누기 |
| % | A%B | 나머지 |
문자 결합 연산자
피연산자(연산 대상 데이터)가 문자형 데이터이다. 여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용한다. 더하기에 피연산자로 문자형 데이터가 한 개라도 포함되어 있으면 다른 피연산자의 데이터는 자동으로 문자형 데이터로 형 변환된다.
'do it' + 'javascript' = 'do it javascript'
'100' + 400 = '100400'대입 연산자
| 종류 | 풀이 |
|---|---|
| A=B | A=B |
| A+=B | A=A+B |
| A*=B | A=A*B |
| A/=B | A=A/B |
| A%=B | A=A%B |
증감 연산자
변수의 값을 1만큼 감소 -> 변수--; // --변수;
변수의 값을 1만큼 증가 -> 변수++; // ++변수;
var num1 = 10;
var num2 = 20;
var result;
result = num2++; // result:20, num2:21
result = ++num2; // result:22, num2:22비교 연산자
| 종류 | 설명 | |
|---|---|---|
| A>B | A가 B보다 크다 | |
| A<B | A가 B보다 작다 | |
| A>=B | A가 B보다 크거나 같다 | |
| A<=B | A가 B보다 작거나 같다 | |
| A==B | A와 B는 같다 | 1 |
| A!=B | A와 B는 다르다 | 1 |
| A===B | A와 B는 같다 | 2 |
| A!==B | A와 B는 다르다 | 2 |
- 숫자를 비교할 경우 자료형이 숫자형이든 문자형이든 상관하지 않고 표기된 숫자만 일치하면 true, 일치하지 않으면 false 를 반환한다.
1=='1' // true
4!='4' // false - 숫자를 비교할 경우 표기된 숫자와 자료형이 일치해야만 한다.
1==='1' // false
4!=='4' // true
논리 연산자
|| : or 연산자라고 부르며 피연산자 중 값이 하나라도 true이면 true를 반환
&& : and 연산자라고 부르며 피연산자 중 값이 하나라도 false이면 false를 반환
! : not 연산자라고 부르며 단항 연산자이다. 피연산자의 값이 true 이면 반대로 false 를 반환
연산자 우선순위
1.()
2. 단항 연산자( --, ++, ! )
3. 산술 연산자( , /, %, +, - )
4. 비교 연산자( >, >=, <, <=, ==, ===, !==, != )
5. 논리 연산자( &&, || )
6. 대입 연산자( =, +=, -=, =, /=, %= )
삼항 조건 연산자
조건식 ? 자바스크립트 코드 1 : 자바스크립트 코드 2;
prompt()
질의 응답 창은 방문자에게 질문을 던져 응답을 받아 올 수 있는 창이다. 이 창을 사용할 때는 prompt() 메서드를 사용한다.
prompt('질문', '기본 응답');
사용자로부터 입력된 값은 문자형 데이터로 반환한다.
