JS 시작하기
개요(ECMAScript) 및 프로젝트 초기화
ECMA 스크립트란?
ECMA스크립트(ECMAScript, 또는 ES)란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다. ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다.
💡 우리는
ES5와ES6만 제대로 알면 된다!
프로젝트 초기화
프로젝트 초기화 참고!
📌 데이터 타입 확인 & 함수 모듈화
데이터 타입 확인
- typeof를 앞에 붙여서 확인할 수도 있고, 함수를 만들어서 쓸 수도 있다.
그런데 만약 다른 js 파일에서도 쓰고 싶다면?
-> 모듈화를 하면 됨
함수 모듈화
함수를 여러 파일에서 사용하고싶을때, 이렇게 사용하면 된다.
이런식으로getType.js파일을 만든뒤에,export default로 내보내주면,
이렇게 쓰고싶은 곳에서import해서 사용할 수 있음 ! 개꿀~~!
연산자들
산술 연산자 (arithmetic operator)
+,-,*,/,%가 있음. 끝!
할당 연산자 (assignment operator)
=,+=,-=,*=,/=,%=등이 있다. 끝!
(ex.a = a + 1->a+=1)
비교 연산자 (comparison operator)
===(일치),!==(불일치),>,<,>=,<=
논리 연산자 (logical operator)
&&(And),||(Or),!(Not),,
삼항 연산자 (ternart operator)
a ? 'true' : false
a가true이면 앞의 값,false이면 뒤의 값을 입력함
조건문 If & Switch
If 문
if,else if,else를 이용해서 조건 추가 가능
💡
Math.floor(): 소수점 이하는 전부 버림
Math.random: 랜덤 값을 반환 (0~1 사이)
Switch 문
하나의 데이터가 무엇인지 딱 떨어지는 조건문을 작성할때는 ,
If문보다Switch문이 더 효율적임
Switch문의 (a)에 해당하는 값이case에 있을 경우, 그case를 실행함.
(단,break문을 쓰지 않으면 이어서 다 실행됨)
❗️default===else임
반복문 For
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이 뜬다! )
💡 *
==(동등 연산자)
-> 형 변환을 한뒤에 비교하기 때문에, 비교문에서는===(일치 연산자)를 사용하는것이 바람직함
