Javascript
Javascript
Javascript : 객체 기반의 스크립트 언어로 웹 문서에서 사용자와 다양한 상호작용을 하기위해 만들어짐 현제는 다양한 프로그래밍에 응용됨
Javascript 역사
90년대 등장 java와는 관계 x
넷스케이프용으로 처음 등장 후 각각의 웹 브라우저에서 전용 스크립트를 만들다가 javascript가 ECMAScript 표준안으로 채택됨
Ajax의 출현으로 웹 개발 필수언어
Javascript 원리
웹사이트 접속 과정 :
사이트 접속
서버로 요청 전달
서버에 맞는 HTML, CSS, JS
브라우저 상에서 렌더
(HTML, CSS, JS)
서버 ============> 웹 브라우저
변수 타입
Javascript 자료형
자료형은 데이터타입 데이터의 형태이다.
원시 형태 (Primitive) : 숫자, 문자열, 불리언, 정의되지 않음, 없음
객체 형태 (Objective) : 시간, 배열, 객체 등
리터럴 선언
"" 사용시 문자열로 선언된다.
"1" vs 1
이 두가지는 다르다.
원시 자료형
Number : 숫자형으로 정수나 실수를 포함한다.
String : 문자열은 문자의 나열을 의미한다.
Boolean : 참/거짓만을 표현할 수 있다.
undefined : 값이 정해지지 않았다는 것을 표현한다.
null : 아무것도 없음을 나타낸다.
변수
변수
프로그램은 다양한 조건과 환경에 따라 달라지는 값을 입력받아 정해진 동작을 수행한다.
변수의 선언
variable 약어인 var 키워드 + 변수명을 선언한다.
변수에 값을 할당 : 선언된 변수명에 대입 연산자를 사용하여 값을 대입한다.
x = 30; x = "test";
데이터를 리터럴 선언으로 대입 가능하다.
var x = 40;
선언과 동시에 대입 가능하다.
변수명의 규칙
- 사용 불가
첫글자 숫자 불가
띄어쓰기 불가
자바스크립트 예약어 불가
(예약어는 언어에서 지원하는 키워드를 의미한다.)
산술 연산자
사칙연산등의 수학 연산을 위해 사용한는 연산자이다.
덧셈 : +, ++
뺄셈 : -, --
곱셈 :
나눗셈 : /
나머지 : %
복합 연산 형태 : +=, -=, =, /=
Javascript의 사용
Javascript 작성법
Javascript는 CSS 처럼 script 태그 내에 코드를 작성하면 된다.
상호작용 함수
console.log : 콘솔탭에 로그가 나온다.
alert : 사용자에게 보여짐
prompt : 입력하는 용도
주석 처리
/**/ 혹은 // 로 표현한다.
비교 연산자
두 값을 비교하기 위해 사용된다. 참/거짓 (불리언 타입)으로 결과나 출력된다.
동등 : ==
값이 같은지만 확인한다.
x == "4";
y == 4;
x == y (true)
!= 부등
값이 다른지 확인한다.
=== 일치
데이터 타입과 값 둘 다 같다.
우변이 좌변보다 크다 : >
우변보다 좌변이 크거나 같다 : <
우변보다 좌변이 크거나 같다 : >=
우변보다 좌변이 작거나 같다 : <=
논리 연산자
불리언 연산을 할 때 사용된다. 비교문을 조합해서 복잡한 조건물을 작성할 수 있다.
AND 연산 : &&
OR 연산 : ||
NOT 연산 : !
기타 연산자
삼항 연산자 (if 문 축소형)
.(명제) ? 참일경우 리턴값 : 거짓일경우 리턴값
단항 연산자 (delete, typeof)
비트 연산자 (&, |, ^, ~, <<, >>, >>>)
비트 단위의 연산을 하는 연산자이다.
조건문
조건문
조건의 참/거짓에 따라 코드를 실핸한다.
조건부는 비교연산자와 논리 연산자를조합으로 작성 가능하다.
if 문
if, else 키워드의 조합으로 조건문을 완성한다.
하나의 조건만 검사 : 만약 ~ 하다면
if (조건식) {
실행코드
}if : 예약어
(조건식): 식
{} : 코드블록
if (조건식) {
실행코드
}
else {
실행코드
}if의 조건이 맞지 않는 경우 else에 있는 실행코드를 실행한다.
if (조건식) {
실행코드
}
else if (조건식) {
실행코드
}
else {
실행코드
}조건을 검사후 또 다른 조건도 검사하고 둘 다 조건에 부합하는 경우 else문의 실행코드를 실행한다.
if문은 else if로 추가 조건을 만들 수 있고 조건 내 실행 코드 블록이 한 줄 코드이면 중괄호를 생략할 수 있다.
switch 문
switch , case의 조합으로 조건문을 완성한다.
switch(표현식) {
case 값 1 :
표현식 == 실행코드
break;
case 값 1 :
표현식 == 실행코드
break;
default :
모든 조건에 속하지 않는 경우의 실행코드
}반복문
for문
조건식을 만족하는 한 계속해서 코드를 반복 실행한다. 매 반복 실행마다 마지막에 증감식을 실행한다.
for (초기식; 조건식; 증감식) {
반복할 코드
} 실행 과정 : 초기식의 값이 주어지고 반복 할 대마다 초기식의 값이 증감식을 거친다. 이때 조건식에 부합하면 반복문에서 빠져나온다.
while문
조건식을 만족하는 한 계속해서 코드를 반복 실행한다.
while (조건식) {
반복실행 코드
}