자바스크립트란?😉
웹에 생동감을 넣어주기 위해 개발된 언어입니다.
HTML 과 CSS 를 데이터 로 제어할수 있는 가장 기본적인 언어입니다.
누가 먼저 나왔을까?? 😮
자바스크립트는 1996년에 만들어졌고 그것의 표준화를 위해
1997년에 ECMAScript가 나왔습니다.
ECMAScript 는 ECMAInternational 에서 제정된 표준 언어이며
자바스크립트는 ECMAScript 의 표준을 따르고 있습니다.
즉 먼저나온것은 자바스크립트고 그것을 위해 ECMAScript 가 나왔지만
ECMAScript 표준에 따라 자바스크립트의 엔진들이 업데이트 되고 있습니다.
필자는 ES6 이후의 모던자바스크립트를 공부하고 기록할 계획입니다.
자료형
자바스크립트 자료형엔 총 8가지 종류가 있습니다.
숫자형,Bigint,문자형,불린형,null,undefined,객체,심볼
연산자
산술 연산자 (Arithmetic operator)
자바스크립트에서 지원하는 수학 연산자는 다음과 같습니다.
- 덧셈 연산자 +
- 뺄셈 연산자 -
- 곱셈 연산자 *
- 나눗셈 연산자 /
- 나머지 연산자 %
- 거듭제곱 연산자 **
할당 연산자할당 연산자 (assignment operator)
//let a = a +1
let a += 1 라고 쓸수 있다.비교 연산자 (comparison operator)
<,>, == , === , ! 같은 기호들을 사용해 비교를 합니다.
문자열끼리 비교
console.log('b' > 'a') // true
console.log('a' > 'A') // true 소문자가 더 큰값을 가집니다.
console.log('April' > 'Apple') // true 서로 같은 문자열이면 다음으로 넘어가 비교합니다.
( 'Bee' > 'Be' ); // true 긴문자열을 더 크다고 봅니다.문자열 끼리 비교할때 사전식(lexicographical)순서로 뒤에있는 알파벳이 더 큼을 의미합니다.
정확히는 유니코드순으로
다른 형을 가진 값 간의 비교
숫자형태인 문자열과 숫자형을 비교 하면 둘다 숫자형으로 변환된후 비교가 됩니다.
console.log('2' > 1) // true 자바스크립트 에서는 == 와 ===이 다릅니다. 😬
==는 형변화를 거친뒤 비교하지만 === 는 자료형 그대로 비교합니다.
논리연산자
논리 연산자엔 && 연산자와 || 연산자가 있습니다
|| or 연산자
result = value1 || value2 || value3; - 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가며 피연산자를 평가합니다.
- 각 피연산자를 불린형으로 변환합니다. 변환 후 그 값이 true이면 연산을 멈추고 해당 피연산자의 변환 전 원래 값을 반환합니다.
- 피연산자 모두를 평가한 경우(모든 피연산자가 false로 평가되는 경우)엔 마지막 피연산자를 반 환합니다.
&& and 연산자
result = value1 && value2 && value3;- 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가며 피연산자를 평가합니다.
- 각 피연산자는 불린형으로 변환됩니다. 변환 후 값이 false이면 평가를 멈추고 해당 피연산자의 변환 전 원래 값을 반환합니다.
- 피연산자 모두가 평가되는 경우(모든 피연산자가 true로 평가되는 경우)엔 마지막 피연산자가 반환됩니다.
즉 or 연산자는 맞딱뜨리는 true 값 을 반환하고 모두 false 일때 마지막 값을 반환합니다.
and 연산자는 맞딱뜨리는 false 값 을 반환하고 모두 true 일때 마지막 값을 반환하죠
삼항연산자
const a = true
console.log(a ? '참' : '거짓' )a 가 true이면 참을 false 면 거짓 을 출력합니다.
const a = true;
if (a) {
console.log('참');
}
else{
console.log('거짓');
}와 동일한 코드죠
for 반복문
for (begin; condition; step) {
// ... body ...
}for 문은 begin, condition, body, step 4가지의 형태로 이루어졌습니다.
반복문을 실행하면 처음한번 begin을 실행하고 condition --> body --> step 순으로 실행합니다.
for (let i = 0; i < 3; i++) {
console.log(i);
}0
1
2자바스크립트를 포함 대부분의 프로그래밍 언어에서는 0 부터 카운팅을 하기때문에 1부터 세려면
console.log(i + 1) 을 하면 됩니다.
변수 var let const
ES6 이후의 문법에선 var 는 권장하지 않습니다.
var는 블록레벨을 무시하고 함수레벨 까지 관여하기 때문이죠
프로그램의 안정성을 위해 기본을 const 로 선언후 필요에 따라 let 을 씁니다.
