차례:
비디오: 파이썬 강좌 | Python MOOC | Lab - RegEx 2024
HTML입니다. DHTML. XML. JavaScript. 자바. 플래시. 웹 개발과 관련해서는 완전한 언어 및 개발 도구가 혼란 스러울 수 있습니다. 어떤 언어가 어떤 작업에 가장 적합한 것인지 궁금하게 생각할 수도 있습니다.
사실 각 언어는 특정 종류의 작업을 염두에두고 설계되었으며 JavaScript도 예외는 아닙니다. 표 1은 JavaScript가 수행하기에 가장 적합한 (그리고 최소한의) 작업 유형을 보여줍니다. JavaScript는 클라이언트 측 (브라우저 기반) 작업에 가장 적합합니다.
표 1: 올바른 작업을 위해 JavaScript 사용
작업 |
JavaScript가 유용합니까? |
JavaScript와 CSS (DHTML)가 유용합니까? |
유용한 피드백 제공 |
예 |
아니오 |
예 (JavaScript 만 사용하는 것보다 정교함) |
HTML 양식 데이터 검사 또는 변경 |
예 |
아니요 |
간단한 애니메이션 만들기 |
예 |
예 (JavaScript 만 사용하는 것보다 정교함) |
|
아니요 아니요 |
서버 측 처리 수행 |
아니요 |
아니요 |
자바 스크립트는 HTML 및 계단식 작업 스타일 시트 (CSS). HTML 및 CSS를 사용하여 태그 구성 요소 또는 |
개체를 사용하여 정적 웹 페이지를 만들 수 있습니다. |
JavaScript를 사용하면 개체를 검사하고 조작하여 대화 형 작업 및 간단한 애니메이션으로 정적 페이지를 펀칭 할 수 있습니다. 즉, JavaScript를 사용하려면 HTML을 사용해야하고 |
동적 HTML 또는 D HTML의 기능을 활용하려면 HTML과 CSS를 모두 사용해야합니다. JavaScript를 사용하면 웹 사이트를 쉽게 탐색 할 수 있으며 페이지를 보는 사람, 방문자가 어떤 브라우저를 보는지, 어떤 시간대에 있는지에 따라 페이지를 사용자 정의 할 수 있습니다. 간단한 (그러나 효과적인) 애니메이션 효과를 만들 수도 있습니다. 사람들이 쉽게 탐색 할 수 있도록 웹 사이트 만들기 JavaScript로 페이지를 움직이는 가장 일반적인 방법은 탐색하기가 더 쉽도록 만드는 것입니다. 예를 들어 JavaScript를 사용하여
확장형 사이트 맵 만들기.
툴팁 추가
- 사용자가 웹 사이트의 특정 섹션 위로 마우스를 움직일 때 나타나는 유용한 텍스트입니다.
- 사용자가 마우스를 화면의 특정 영역 위로 드래그하면 이미지를 바꿀 수 있습니다. (이 효과를
- 마우스 롤오버 라고하며 사용자가 웹 페이지의 어느 부분을 대화식으로 또는 클릭 할 수 있는지 한 눈에 파악할 수 있도록 도와줍니다.
- ) 사용자가 잘못된 입력을하면 유용한 제안을 입력하고 팝업합니다. 사용자가 양식을 제출하면 감사 메시지를 표시합니다. 사용자가 버튼을 클릭 할 때 여러 프레임에 콘텐츠를로드하여 사용자가 관련 정보의 여러 청크를 동시에 볼 수 있도록합니다. JavaScript는 마우스 클릭 및 드래그와 같은 사용자 시작 이벤트 외에도
- 자동
- 이벤트 (예: 브라우저에 웹 페이지로드)를 인식합니다.
- 웹 사이트의 작동 방식 사용자 정의
모두가 특별하다고 느끼기를 좋아하며 웹 사이트를 방문하는 사람들도 예외는 아닙니다. 자바 스크립트를 사용하면 방문자가 페이지를보기 위해 사용하는 브라우저의 특정 종류 및 버전 현재 날짜 또는 시간
사용자와 같은 기준에 따라 페이지가 다른 사용자에게 표시되는 방식을 조정할 수 있습니다. 당신이 상상할 수있는 다른 기준
멋지고 역동적 인 애니메이션 효과 만들기
- 많은 사람들이 자바 스크립트를 사용하여 애니메이션을 만들 필요가 있다고 가정합니다. 웹,하지만 그건 그렇게 중요하지 않습니다. JavaScript가 고밀도 애니메이션을 만드는 가장 효율적인 방법으로 착각하지는 않을지라도 CSS (Cascading Style Sheet) (이 조합은 DHTML이라고도 함)를 사용하여 JavaScript를 사용하여 다양한 스타일을 만들 수 있습니다.
- 애니메이션 효과. 실제로 JavaScript를 사용하면 롤오버와 같은 일반적인 효과를 구현하는 가장 쉬운 방법입니다.