1. 자바스크립트 문법
- 실행문은 세미콜론(;) 으로 구분
- 대소문자를 구분
1) 자바스크립트의 식별자(이름)
: 개발자가 변수, 상수, 함수에 붙이는 이름
- 식별자를 만들때의 규칙
첫번째 문자 : 알파벳, 언더바(), $문자만 가능
두번째 이상 문자 : 알파벳, 언더바(), 0-9, $ 사용 가능
키워드(예약어) 사용 불가
ex)
student_id (o)
_code (o)
6var (x)
if (x)2) 주석
- 한줄주석 : //
- 여러줄 주석 : / ~ /
3) 데이터 타입
(1) 원시 타입
- number : 정수, 실수 구분없이 숫자 타입
Infinity(무한대), NaN(Not a Number) 이라는 특수값도 있다 - string : 문자열
문자열을 나타낼 때 "", '', ``(백틱) 을 사용한다. - boolean : true (참), false (거짓)
(2) 특수 타입
- undefined : 타입이 없음을 의미하는 값
undefined 타입의 값은 undefined 만 존재 - null : 값이 없음을 의미한다
(3) 객체 타입
- 자바스크립트는 여러 언어의 영향을 많이 받았다
- 객체지향, 명령형, 함수형을 지원하는 멀티 패러다임 프로그래밍 언어
- 자바스크립트를 구성하는 거의 모든 것은 객체로 되어 있음
object : 객체타입
4) 출력 함수
- console.log();
- 콘솔창에 출력
5) 변수
- 자바스크립트는 변수를 만들 때 자료형을 명시하지 않는다
- 변수에 값이 저장될 때 값의 자료형에 따라 변수의 타입이 정해진다
- 자바스크립트에서 변수를 만들 때는 let 또는 var 키워드를 사용한다
- var 키워드 : 함수의 영역만 영역으로 판단한다
- let 키워드 : 모든 영역을 영역으로 판단한다
var 변수명;
let 변수명;
+) 변수의 호이스팅
- 자바스크립트의 변수, 함수 등 모든 선언문은 코드 실행단계 이전에 먼저 실행이 된다
- 이런 특징을 호이스팅이라고 한다
- var 키워드로 변수를 만들면 호이스팅과 동시에 undefined로 초기화를 시킨다
- let 키워드로 변수를 만들면 호이스팅이 되지만 초기화 시키지 않는다
6) 문자열 사용
: 문자열 값을 다른 값과 함께 사용
(1) 문자열의 연결(+)을 사용
문자열 + 값
ex) "나이 : " + 10 + "살";
(2) 템플릿 문자열을 사용한다(백틱 사용)
문자열 ${변수, 값}
ex) 나이 ${age, 20}
7) with문
- 객체의 속성을 짧게 참조하기 위해서 사용됨
- with(document){}document 객체의 속성들을 직접 참조하고 있음을 의미
8) prompt() 함수
: 문자열 값을 사용자로부터 입력받는 함수
9) alert(), confirm()
: 웹페이지에서 사용자와 상호작용하기 위해 사용되는 간단한 대화상자를 만드는데 사용된다
- alert() : 단순한 정보를 사용자에게 표시하기 위해 사용
- confirm() : 사용자에게 "예" or "아니오" 선택지를 제공
2. 연산자
1) 최우선 연산자
- () : 괄호 연산자
- 10 * 2 + 2 => 22
- 10 * (2 + 2) => 40
2) 단항 연산자
: 피연산자(연산되는 대상)가 1개인 연산자
- +/- : 양수/음수
- ++/-- : 1씩 증가 / 1씩 감소
- not 연산자 : !true -> false, !false -> true
3) 산술 연산자
: 자바와 동일
+, -, , /, %
복합산술 대입 연산자(누적 연산자, ...)
+=, -=, =, ...
4) 관계 연산자(비교 연산자)
- <, >, <=, >= : 자바와 동일
- ===, !== : 값과 타입이 일치하는지 비교
- ==, != : 값이 일치하는지 비교
ex) 1 === 1 -> true
1 === "1" -> false - ==, != : 값이 일치하는지 비교
ex) 1 == 1 -> true
1 == "1" -> true
5) 논리 연산자
- || : or 연산자, 둘 중 하나라도 true 라면 true
- && : and 연산자, 둘다 true 라면 true
6) 삼항 연산자
: 자바와 동일
조건식?참일때값:거짓일때값3. 제어문
: 프로그램의 흐름을 제어하는 것
1) 조건문
(1) if ~ else if ~ else 문
: 자바와 동일
if(조건식 1) {
조건식1이 참일 때
} else if (조건식2) {
위의 조건식이 거짓이고 조건식2가 참일때
}
...
}
else {
위의 조건식들이 모두 거짓일 때
}(2) switch문
: 자바와 동일
switch(변수명) {
case 값1 :
값1과 일치할 때
break;
...
default :
일치하는 값이 없을 때
}2) 반복문
(1) for 문
: 자바와 동일
for(초기식; 조건식; 증감식) {
반복할 문장
}(2) while 문
while(조건식) {
조건식이 참일 동안 반복할 문장;
}(3) do~while 문
: 최소 한 번은 무조건 실행해야 할 때 사용
do{
반복할 문장;
} while (조건식);4. 함수
- 어떠한 기능을 하는 것
- 자바스크립트의 함수는 일급 객체이다
- 일급 객체 : 값으로 취급이 되는 객체
변수에 저장, 연산 가능 - 즉, 함수는 객체타입의 값이며 변수에 저장하거나, 매개변수로 전달하거나 반환하는 것이 가능하다
1) 일반 함수 정의
function 함수명 (매개변수, ...) {
실행할 코드;
return 반환값;
}
서코딩 127 !