본문 바로가기

CSS, Javascript, jQuery/information

javascript & jQuery

javascript

자바와 자바스크립트는 다름
JavaScript는 넷스케이프와 썬 마이크로시스템즈에서 공동으로 수행한 프로젝트에서 개발한 클라이언트용 언어이다.
Java는 1995년에 썬 마이크로시스템즈의 제임즈 고슬링과 다른 연구원들이 개발한 객체지향적 프로그래밍 언어이다.

브라우저에서 실행
-기본적으로 브라우저에서 실행
-브라우제 내장된 자바스크립트 엔진에 의한 코드 해석

<script>라는 태그안에 기술하고 위치는 자유롭게 쓸수있다.
body 태그 안일수도 head태그 안일수도
head 안쪽이라면 스크립트를 먼저 동작시키고 스타일이 동작된다. 많은 차이가 있진않다.

자바스크립트로 할 수 있는 일들
html의 구조를 바꿀수도 있고,
이미지를 바꿀수도 있고
요소의 스타일을 바꿀수도있고
유효성 검증하는 코드를 넣을수도 있고

DOM(Document Object Model) 이해하기
문서 객체 모델
노드의 개념 
문서상의 객체를 정의하는 하나하나의 덩어리
-요소 노드 element node (여러 태그들)
-속성 노드 attribute node (속성명은 속성값)
-텍스트 노드 text node (요소노드가 감싸고 있는 컨텐츠가 텍스트 노드이다)

웹페이지가 로딩될 때 브라우저는 해당 페이지의 DOM을 생성한다.
html dom은 트리구조를 갖는다.
css에서는 대상에 접근하기 위하여 선택자를 사용했지만 javascript에서는 문서객체모델을 사용한다.

제이쿼리
자바스크립트의 라이브러리
자바스크립트의 기능들을 개선하는 래퍼(wrapper) 라이브러리이다.

특징
-기존 자바스크립트의 복잡성을 해결하기 위해 고안되었다.
-기존 자바스크립트의 기능들을 개선하는 소스덩어리(라이브러리)
-제이쿼리가 나오면서 기존 웹개발자들은 환호했다.

제이쿼리는 선택할때 $(문서명)를 사용한다.
document와 this는 "" 나 ''가 붙지않는다.
window는 $조차 붙지않음

'CSS, Javascript, jQuery > information' 카테고리의 다른 글

javascript란  (0) 2023.05.12
jQuery 사용법  (0) 2023.05.11
반응형 웹 디자인  (0) 2023.04.27
왜곡  (0) 2023.04.25
애니메이션 기법  (0) 2023.04.21