ECMA스크립트(ECMAScript, 또는 ES)란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다. ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다.
💡 우리는
ES5
와ES6
만 제대로 알면 된다!
프로젝트 초기화 참고!
- typeof를 앞에 붙여서 확인할 수도 있고, 함수를 만들어서 쓸 수도 있다.
그런데 만약 다른 js 파일에서도 쓰고 싶다면?
-> 모듈화를 하면 됨
함수를 여러 파일에서 사용하고싶을때, 이렇게 사용하면 된다.
이런식으로getType.js
파일을 만든뒤에,export default
로 내보내주면,
이렇게 쓰고싶은 곳에서import
해서 사용할 수 있음 ! 개꿀~~!
+
,-
,*
,/
,%
가 있음. 끝!
=
,+=
,-=
,*=
,/=
,%=
등이 있다. 끝!
(ex.a = a + 1
->a+=1
)
===
(일치),!==
(불일치),>
,<
,>=
,<=
&&
(And),||
(Or),!
(Not),,
a ? 'true' : false
a가true
이면 앞의 값,false
이면 뒤의 값을 입력함
if
,else if
,else
를 이용해서 조건 추가 가능
💡
Math.floor()
: 소수점 이하는 전부 버림
Math.random
: 랜덤 값을 반환 (0~1 사이)
하나의 데이터가 무엇인지 딱 떨어지는 조건문을 작성할때는 ,
If문
보다Switch문
이 더 효율적임
Switch문
의 (a
)에 해당하는 값이case
에 있을 경우, 그case
를 실행함.
(단,break
문을 쓰지 않으면 이어서 다 실행됨)
❗️default
===else
임
for(시작조건; 종료조건; 변화조건) {}
예제 (0,1,2 출력)
<ul>
안에<li>
들을 반복문으로 추가한뒤, (appendChild
: 자식요소 추가)
if
문으로 짝수 번째만 클릭 했을 시에 console.log 띄우기 (addEventListener
)
변수는 동작 가능한 유효범위가 존재함.
let
,const
-> 블록 레벨의 유효 범위를 가짐 (하나의 중괄호({}
) 기준)var
-> 함수 레벨의 유효 범위를 가짐
(❗️ 그래서 의도하지 않은 범위에서 변수가 사용될 여지가 큼 -> 메모리 누수로 이어짐!)
자료형을 변환함 (Type Conversion)
Truthy
(참 같은 값)와 Falsy
(거짓 같은 값)로 나누어진다.
(Falsy
(거짓 같은 값) 정도만 외워두면 좋다!)
NAN
(Not A Number)
-> 숫자 데이터긴 한데 숫자는 아니다 라는 뜻
(ex. 1 + undefined를 계산하면NAN
이 뜬다! )
💡 *
==
(동등 연산자)
-> 형 변환을 한뒤에 비교하기 때문에, 비교문에서는===
(일치 연산자)를 사용하는것이 바람직함