프론트엔드 지망생

- 2일차 쇼핑몰 실습-쇼핑몰 페이지 배너 만들기 실습위 디자인의 배너에 홈페이지를 처음 접속했을때 글씨가 아래에서 위로 나오는 형식으로 구현해볼 예정이다.  프망생 쇼핑몰  * { box-sizing: border-box;}html, body { margin: 0; padding: 0;}.mainBanner { width: 100%; height: 200px; background-image: url("./img/banner.jpg"); background-size: cover; display: flex; flex-direction: row; justify-content: center; ..

- 17일차 프론트엔드 공부 - animation여러 이미지를 연결해서 자연스럽게 움직이는 것처럼 보이게 만드는 기법 CSS을 이용해서 애니메이션을 만드는 방법1. transition 속성 활용2. animation 속성과 keyframe 활용transition / animation 차이 transition 특정한 이벤트를 기점으로 작동한다. (hover 등) animation시작하기 위한 이벤트가 없다.시작, 정지, 반복까지 제어할 수 있다.animation@keyframes로 애니메이션을 정의하고, 정의한 애니메이션을 불러와서 제어 해주어야 한다.즉 하나의 동작을 만들기 위해서 1개의 keyframe 1개, 애니메이션 속성 1개가 만들어야 한다. transition이 사용하기 더 간편하기 때문에 애니..