프론트엔드개발(2)
-
배열
프로퍼티의 key가 숫자이며 프로퍼티 간의 순서를 가지는 객체 1) 배열 생성 : [] 대괄호나 배열 생성자로 생성 const array = []; const array = new Array(length); 2) 배열 접근 array[index] -> index는 0부터 시작 const colors = ['red', 'blue', 'green', 'pink', 'mint']; console.log(typeof colors); // object -> 배열도 객체로 구현한 것이기 때문 console.log(colors[2]); // 인덱스 접근, 인덱스는 0부터 시작 //green console.log(colors.length); // 자체적으로 length라는 프로퍼티가 있음 //5 3) 배열 관련 함수 ..
2023.04.16 -
애니메이션
애니메이션 개요 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..
2023.04.06