animation 비교
js vs jQuery vs CSS3
<HTML>
<CSS>
<화면>
1. js (setInterval)
: 길고 어렵고 만들기 귀찮은 점이 있다.
2. jQuery (animate)
3. CSS3 (transition)
: CSS에서 다 만든 후 js 파일에서 event를 감지하고 class를 추가한다.
<CSS>
<JS>
< jQuery vs CSS3 >
1. 크로스브라우징 : jQuery가 용이하다. (낮은 버전의 브라우저도 안정적으로 지원해줌)
2. 속도( 퍼포먼스) : jQuery < CSS3 (jQuery) jQuery는 라이브러리의 도움을 받는다. CSS는 자체 웹킷 사용
3. 관리
- jQuery : HTML, CSS, 동작 다 따로 관리해줘야 함
- CSS3 : CSS파일 안에서 스타일과 동작을 다 관리한다. js는 이벤트만 감지함
4. 생산성 : jQuery < CSS3
'프론트엔드' 카테고리의 다른 글
| <bracket> bracket power mode (코딩 질리지 않고 하기) (0) | 2017.08.10 |
|---|---|
| (1) 프론트엔드 오리엔테이션 (0) | 2017.05.22 |