SG의 개발 공부로그

CSS 애니메이션은 웹사이트에 생기와 개성을 더하는 효과적인 방법이다. 이를 토행서 웹 개발자는 사용자 경험을 향상시키고 웹 사이트에 생명을 불어넣는 애니메이션을 만들 수 있다. 이 글에서는 CSS 의 애니메이션의 장점, 작동 방식, 웹 사이트에서 애니메이션을 구현하는 모범 사례를 포함하여 CSS 애니메이션을 자세히 살펴보려한다. CSS 애니메이션의 장점 CSS 애니메이션은 기존 애니메이션 방법에 비해서 몇 가지 장점이 있다. 1. 가볍다 CSS 애니메이션은 가볍고 빠르므로 많은 처리 능력이 필요하지 않은 간단한 애니메이션을 만드는 데 이상적이다. JavaScript 애니메이션과 달리 CSS 애니메이션에는 외부 라이브러리나 플러그인이 필요하지 않으므로 빠르게 로드되고 웹 사이트 속도가 느려지지 않는다. ..

CSS Cascading Style Sheets는 웹페이지의 스타일을 지정하는 강력한 도구이다. HTMl 은 웹페이지의 구조와 내용을 제공한다면, CSS는 해당 내용의 모양과 디자인을 제어할 수 있다. CSS를 사용하면 글꼴 및 색상에서 레이아웃 및 애니메이션까지 여러 가지를 제어할 수 있다. 건축을 지을때 기초공사와 구조틀을 잡았다면 이제 도장을하고 인테리어를 해서 꾸미는 것은 CSS와 비슷하다고 보면 된다. CSS는 HTML 요소를 선택하고 스타일을 적용하여 작동한다. 태그 이름, 클래스, ID 또는 기타 특성을 기반으로 특정 요소를 대상으로 하는 선택기를 사용하여 스타일을 적용할 수 있다. Style 은 상속 될 수도 있다. 즐, 상위 요소에 적용된 스타일이 하위 요소에도 자동으로 적용된다. 몇 가..

자바스크립트 란? 이미지 슬라이드 효과 , 팝업효과 등의 기능들을 포함한 동적인 웹사이트를 제작 시 사용되는 프로그래밍 언어. 웹사이트를 만들 때 사용되는 언어는 크게 3가지가 있다. HTML / CSS / JAVASCRIPT HTML 는 웹 콘탠츠의 구조를 짜고 의미를 부여하는 마크업 언어이다. CSS는 HTMl 콘탠츠에 스타일을 적용 할 수 있는 스타일 규칙 언어이다. JS는 동적으로 콘탠츠를 바꾸고, 여러 기능들을 부여하게 해주는 언어이다. 간단하게 HTML 은 구조를 잡아주는 역할 (구조) CSS 는 꾸면주는 역할 (디자인) JS 는 동적인 만드는 역할 (기능) 자바스크립트를 배우면 활용범위가 굉장히 많아진다. ioT , 하이브리드 앱 , 서버개발 등 폭럽게 사용되는 강력한 언어이다. 언어가 성숙..