소개
이 프로젝트에서는 JavaScript 를 사용하여 이미지에 동적으로 심도 효과 (depth of field effect) 를 적용하는 방법을 배우게 됩니다. 심도 효과는 사진 및 웹 디자인에서 널리 사용되는 시각적 기법으로, 이미지의 전경은 흐릿하게 처리하고 배경은 선명하게 유지합니다.
👀 미리보기
🎯 과제
이 프로젝트에서는 다음을 배우게 됩니다:
- JavaScript 를 사용하여 이미지를 동적으로 선택하고 조작하는 방법
- 특정 이미지에 흐림 효과를 적용하여 심도를 만드는 방법
- JavaScript 를 사용하여 HTML 요소의 CSS 속성을 수정하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- JavaScript 를 사용하여 이미지에 심도 효과를 적용할 수 있습니다.
- DOM (Document Object Model) 의 중요성과 JavaScript 를 사용하여 DOM 과 상호 작용하는 방법을 이해할 수 있습니다.
- 심도 효과의 개념과 웹 페이지의 시각적 매력을 향상시키는 데 어떻게 사용할 수 있는지 설명할 수 있습니다.
