[Project4~7/권정희] The message, Counter, Image Carousel, Digital Clock

[grighth12]

(commit 남기기를 깜빡해서 재 PR 했습니다..!)
프로젝트 실행 후 Live Server로 실행후, 홈페이지에서 제목을 클릭하여 들어갈 수 있습니다.

The message

• submit 이벤트 발생시 입력한 메세지가 아래 미리보기 영역에 출력됩니다.
  

Counter

• Increase와 Decrease 버튼을 이용하여 숫자가 증감합니다.
  

Image Carousel

• Carousel 양 옆 버튼을 이용하여 다음/이전 이미지로 넘어갈 수 있습니다.
• 해당하는 인덱스 번째 Indicator circle은 더 진한 색으로 변합니다.
• 이미지가 나타날 때 fadeIn 애니메이션과 함께 나타납니다. (현재 초기 이미지 로딩시에 나타지 않는 문제가 있어 해결 중입니다.)
• 768px을 분기로 ImageCarousel의 너비 크기가 변합니다.
  

Digital Clock

• setInterval을 이용하여 1초단위로 시간을 카운트 합니다.
• 768px을 분기로 Digital Clock의 시각, 분, 초를 구분하고 있던 ':' 가 사라지고 레이아웃이 달라집니다.