회사에서 제이쿼리를 써야 해서 자바스크립트의 기초를 공부하기 시작했다 :)
선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것이다. <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); //false
지정한 데이터 또는 변수에 저장된 자료형을 알고 싶을 때 사용한다.
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 |
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('질문', '기본 응답');
사용자로부터 입력된 값은 문자형 데이터로 반환한다.