1. 자료형 1) 숫자형 infinity -infinity NaN 2) BigInt형 2^53-1보다 크거나 -(2^52-1)보다 작은 정수 표현 3) 문자형 변화 가능한 "",''과 변화 불가능한 ``으로 표현가능 4) 불린형 참/거짓 5) null, undefined null: 비어있음 undefined: 값이 할당되지 않음 6) 객체형 Symbol 객체 호스트 객체 함수 객체 그 회의 객체 typeof 연산자로 변수의 타입 확인! 2. 형 변환 언어 자체에서 자동으로 제공하는 묵시적 형 변환과 개발자가 형 변환을 명시하는 명시적 형 변환이 있음 1) 묵시적 형 변환 console.log(3); => 전달된 값을 문자로 변환함 +"32" => 숫자형으로 변환함 !0 => 불린형으로 변환함 2) 명시적..

애니메이션 개요 transition과 비슷하지만 차이가 있음 transition은user의 action에 의해 효과가 나타나지만 animation은 요소가 계속 스타일이 변경될 수 있게 설정 가능함 transition은 a에서 b로만 전환되도록 설정 할 수 있지만 animation은 a에서 b,c,d등 다수의 스타일 전환을 할 수 있음 @keyframes 여러개의 스타일을 자동으로 작동하게 하는것이기 때문에 여러개의 스타일 시트를 정의해둘 수 있음 @keyframes slidein{ from{ margin-left: 100%; width: 300%;} to { margin-left: 0%; width: 100%; } } animation-name, animation-duration animation-na..

기본문법 및 키워드 ● 개행문자 ○ 소스 본문의 가독성을 향상시킴 ○ 자바스크립트 코드 실행에 영향을 미침 ● 주석 ○ // 한줄 주석 ○ /**/ 여러줄 주석 ● 키워드 - break - case - catch - continue - debugger* - default - delete - do - else - finally - for - function - if - in - instanceof - new - return - switch - this - throw - try - typeof - var - void - while - with ● 예약어 - abstract - boolean - byte - char - class - const - debugger - double - enum - export ..

transform 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있음 시각적 서식 모델의 좌표 공간을 변경 키워드 none 또는 하나 이상의 transform-function값을 사용해 지정할 수 있음 요소에 변형을 오른쪽부터 왼쪽으로 하나씩 순서대로 적용하는 것과 같음 크기-scale scale, scale X, scale Y scale(x,y) 소숫점도 사용가능함 회전-rotate 각에 대한 숫자 하나만 받을 수 있음 90deg=100grad=0.25turn 180deg=200grad=0.5turn 이동-translate 두가지 값을 사용하면 앞은 x, 뒤는 y 한가지 값만 입력하면 x축으로만 이동함 length와 percentage 사용가능 기울이기-skew 값을 하나 또는 2개 입력..