비디오: JavaScript - ObjectModel (1/2) : 객체화란무엇인가? 2024
웹 초창기에 발명 된 모든 것 중에서 가장 긴 시간 동안 가장 큰 영향을 미친 것은 JavaScript입니다. 초기 웹 사이트에서는 모든 웹 페이지가 다른 크기의 일반 텍스트로 구성되어 있었고 페이지 간 링크가있었습니다.
웹 폼이 없었고, 애니메이션이 없었으며, 텍스트 나 그림의 스타일조차 다른 스타일이 없었습니다! 웹이 새롭다면, 페이지를 클릭하고 새로운 것을 발견하는 것이 흥미 롭습니다. 더욱 흥미 진진한 것은 웹이 누군가가 무엇이든을 퍼블리시 할 수 있고 인터넷상의 다른 누구도 그것을 읽을 수있는 가능성을 갖게 한 웹의 용이성이었습니다.
하지만 사람들이 웹에서 할 수있는 것을 맛보면 더 많은 기능을 원했습니다! 그래픽, 텍스트 색상, 양식 및 기타 여러 기능이 매우 빠르게 도입되었습니다.
웹 브라우저가 상호 작용할 수 있도록하기 위해 JavaScript가 작성되었습니다. 대화 형 웹 페이지는 실수 할 때 피드백을 제공하는 간단한 양식에서부터 웹 브라우저에서 실행되는 3D 게임에 이르기까지 다양합니다. 웹 사이트를 방문하여 움직이는 것을 보거나 페이지에서 데이터가 나타나고 변경되는 것을 보거나 대화식지도 또는 브라우저 기반 게임을 볼 때마다 JavaScript가 작동합니다.
JavaScript로 가능해진 웹 사이트의 예를 보려면 웹 브라우저를 열고 다음 사이트를 방문하십시오.
-
ShinyText : ShinyText는 JavaScript를 사용하여 단어를 표시합니다. 리플 렉트 파워 (Reflection Power) 및 반발력 (Repulsion Power)과 같은 다양한 단어 속성을 조정하여 마우스로 마우스를 움직일 때 단어의 문자가 반응하는 방식에 이러한 변경이 어떤 영향을 미치는지 확인할 수 있습니다. 이 그림은 작동중인 ShinyText를 보여줍니다.
ShinyText가 어떻게 작동하는지 이해하지 않더라도 ShinyText는 재미있게 놀 수 있으며 JavaScript를 사용하여 가능한 것을 보여주는 좋은 예입니다.
-
Interactive Sock Puppet : Interactive Sock Puppet은 또 다른 3D 애니메이션입니다. 이번에는 JavaScript 꼭두각시의 움직임과 표정을 제어 할 수 있습니다. 이 그림은 인터랙티브 양말 인형극이 상당히보기 드물게 보여줍니다.
Interactive Sock Puppet을 사용하면 JavaScript Dinosaur 양말 인형을 제어 할 수 있습니다. -
Facebook : Facebook은 많은 JavaScript를 사용합니다. 부드러운 애니메이션이나 비디오 재생이 보일 때 또는 게시물 목록이 자체적으로 업데이트 될 때 JavaScript가 작동합니다!
Facebook은 모든 것을하기 위해 JavaScript를 사용합니다.
이 예제 중 일부는 웹 브라우저의 일부 고급 기능을 사용합니다.이 버전을 보려면 최신 버전의 Chrome을 사용하십시오. 이전 웹 브라우저에서는 예제가 작동하지 않을 수 있습니다.