기억의 DataBase

비트맵 이미지 기본적으로 픽셀(점)로 이루어져 있기 때문에 과도하게 확대시 점 사이 공간이 비게 되어 깨짐(계단현상)이 발생 형식 jpg : 손실 압축, 용량을 획기적으로 줄임 png : 비손실 압축, W3C권장 형식, 이미지에 투명추가 가능 gif : 비손실 압축, 하나의 파일에 여러 이미지 가능(움짤), 8비트(256색)로 선명한 이미지는 아님 webp : 손실/비손실 압축 선택 가능, 움짤/투명 가능, 지원 브라우저가 제한적 벡터 이미지 Code로 구성되어 수학적 계산을 통해 선과 면을 표현(CSS, JS로 컨트롤 가능) 확대해도 깨지지 않음(점으로 이루어진 것이 아니므로) 형식 svg : W3C가 만든 벡터 이미지 표준

requestAnimationframe() setTimeout()을 통해서 재귀함수 방식으로 일정간격을 두고 실행하여 애니메이션을 구현하는 것은 최적화된 방식은 아님(주기를 16.6ms 미만으로 하면 불필요한 프레임이 생김) 브라우저에서 이를 최적화하기 위해 제공하는 함수가 requestAnimationframe() 2개 이상의 애니메이션을 동작시킬때 더 큰 의미가 있으며 JS를 통한 애니메이션 조작에는 필수적! transition/transform(CSS3) 성능적인 차원에서는 requestAnimationframe()보다 transition 활용이 더 빠름(특히 모바일에서) 따라서 간단하고 규칙적인 경우 → transition으로 변경 세밀한 조작이 필요한 경우 → requestAnimationfra..