404 Not Found

box-shadow css 속성은 요소의 프레임 주위에 그림자 효과를 추가한다. 여러개의 효과를 쉼표로 추가하여 설정할 수 있다. X값, Y값, 블러, 번지는 정도, 색상 을 기재한다. 거의 모든 요소의 프레임에서 사용할 수 있으며, border-radius를 지정할 수 있다. 여러 개를 지정할 수 있고, 첫번째로 지정한 그림자가 제일 위에 있다.

1

box-shadow: 3px 3px red, -1em 0 .4em teal;

요소에 부여된 이벤트를 제거하거나 활성화시켜야 하는 경우가 있는데 이럴 때 pointer-events 속성을 사용한다. 요소들의 마우스/터치 이벤트들의 응답을 조절할 수 있다.

jQuery는 CSS 스타일의 선택자를 이용하여 요소를 선택할 수 있다.

CSS3(keyframes, transform, translate, animation)을 이용한 Dot Animation Effect.

CSS3(keyframes, transform, translate, animation)을 이용한 Bar Animation Effect.

웹브라우저는 로컬 소프트웨어이므로 로컬 환경의 리소스만 사용 가능하다. 로컬 환경에 존재하는 폰트는 사용할 수 없다. 사용자가 어떤 디바이스, 어떤 OS를 사용하여 웹페이지에 접근하는지 알 수 없다. 웹페이지와 같이 폰트도 서버에서 클라이언트로 다운로드되어 실행될 수 있다면 문제는 해결 가능하다. 이러한 문제를 해결할 수 있는 방법이 웹폰트이다. (클라이언트에 해당 폰트가 존재하지 않을 경우 전송되는 방식)

애니메이션 속성은 콘텐츠를 움직이게 할 수 있으며, 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임들로 이루어진다. 움직이는 시간, 움직이는 방향, 움직이는 상태 등 여러가지 속성을 설정할 수 있다.

1
2

animation: name | duration | timing-function | delay |
iteration-count | direction | fill-mode | play-state

jQuery를 사용하기 위해서는 jQuery 객체를 생성하여야 하며, jQuery 객체는 다양한 메소드를 가진다.

라이브러리(library)
자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드

jQuery란
엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리

Sass에서 기본적으로 제공하는 내장함수는 종류가 많다. 필요할 수 있는 함수만 정리.