오늘 한 것
mobile 사이즈로 줄이면 랜딩페이지가 뭉개졌었다. 그 원인은 이미지와 요소들의 위치를 하나하나 정해준게 아니라 그냥 flex를 쓰고 justify-content:space-between으로 둬서 애니메이션을 주면 뭉개졌던 것이다.
새로 알게된 것
animate on scroll(aos) 라이브러리를 사용해보았다.
"@types/aos"를 다운받았으니까 일반 aos는 install 안해도 되는줄 알았다. 2시간정도 삽질을 하다가 module을 자꾸 찾을 수 없다고해서 두개 다 필요하다는 걸 알았다 ㅎㅎ.. 프로젝트 마지막 날에 라이브러리 3개를 시도했는데 요소들이 뭉개져서 사용 못하거나 import할때 자꾸 오류가 났었다.사용 못했던 이유가 아마 2가지 였을 것이다.
하나는 @types/로 시작하는 모듈 하나만 받았거나 types가 안붙은 모듈 하나만 받았던 것.
두번째 이유는 position을 정해주지 않은 것.
DONE is better than PERFECT