목록setTimeout (2)

땅콩이 맛난고 먹이자

[부스트코스]{3. 웹 앱 개발: 예약서비스 1/4}(4. Web Animation - FE)_1. 웹 애니메이션 이해와 setTimeout 활용

웹 애니메이션 1. 애니메이션 애니메이션은 반복적인 움직임의 처리이다. 웹 UI 애니메이션은 자바스크립트로 다양하게 제어할 수 있지만, 규칙적이고 비교적 단순한 방식으로 동작하는 방식은 CSS3의 transition과 transform속성을 사용해서 대부분 구현 가능하다. 그뿐만 아니라 자바스크립트보다 더 빠른 성능을 보장한다. 특히 모바일 웹에서는 CSS를 사용한 방법이 훨씬 더 빠르다. 2. FPS FPS (frame per second)는 1초당 화면에 표현할 수 있는 정지화면(frame) 수이다. 매끄러운 애니메이션은 보통 60fps 이다. 따라서 16.666밀리세컨드 간격으로 frame 생성이 필요한 셈! (1000ms / 60fps = 16.6666ms) 앞서 말한 것처럼, 애니메이션은 CSS..
edwith_부스트코스_웹 프로그래밍 2020. 3. 11. 15:21
[부스트코스]{2. DB 연결 웹 앱}(2. WEB UI 개발 - FE)_1. window 객체

브라우저 객체 모델(BOM)이란? 자바스크립트를 이용하면 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어할 수 있다. 이때 사용할 수 있는 객체 모델이 바로 브라우저 객체 모델(BOM, Browser Object Model)이다. 브라우저 객체 모델(BOM)은 문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델은 아니다. 하지만 이 모델은 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공해 준다. 자바스크립트에서는 이러한 BOM 모델의 객체들을 전역 객체(global object)로 사용할 수 있다. #Window 객체 window 객체는 웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원하고 있다. 자바스크립트의 모든 객체, 전..
edwith_부스트코스_웹 프로그래밍 2020. 2. 21. 19:55
이전 Prev 1 Next 다음