devil cat everdevel character
disney Teyon kin

jQuery 기본 구조

제이쿼리 강좌를 시작합니다.... 저도 심도 있게 공부를 하지 않았기 때문에 기본적인 기능에 관한 강좌를 먼저 시작 하려고 합니다. 추후에 좀 더 파본후 강좌를 이어가겠습니다.

제이쿼리란?

우리가 웹에서 여러가지 효과를 나타낼때 자바스크립트를 활용해 아주 어렵고 복잡하게 기능 구현 하는것을 제이쿼리는 아주 간단하게 구현하게 도와주는 자바스크립트 라이브러리 입니다.

다음은 제이쿼리의 소스는 <head></head> 사이에 위치 하게 됩니다. 그냥 사용해서는 안되며
<script type="text/javascript"></script>사이에 써 넣게 됩니다. 잘 모르시는 분들은 아래 소스를 봐주세요.^^

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
<!-- 이곳 -->
</script>
</head>
<body>
</body>
</html>

그럼 script태그 안에 제이쿼리의 소스 기본형을 써넣어 봅시다.

					    	<script type="text/javascript">
					    	$(function(){
					    	
					    	});
					    	</script>

위의 소스가 기본형입니다.

html기본 문서형에 합쳐본다면

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
  $(function(){
					    	
  });
</script>
</head>
<body>
</body>
</html>

위와 같이 작성을 하면 됩니다. 하지만 저곳 안에 제이쿼리소스를 작성하는것만으로는 아직 제이쿼리는 작동할 준비가 끝나지 않았습니다. 자바스크립트를 쉽게 표현하기 위해 바꿔놓은 제이쿼리 라이브러리 파일을 같이 불러와야 합니다. 그 소스는 jQuery에서 다운로드 가능합니다. 현재 작성중에 있는 제이쿼리 라이브러리 소스의 버젼은 최신버젼이 2.1.0 이네요 시간이 흐름에 따라 버젼은 더 올라갈 것입니다. 가급적 최신버젼을 사용해 주시는게 좋습니다. 현재 최신버젼의 제이쿼리 라이브러리 파일의 경로는 http://code.jquery.com/jquery-2.1.0.min.js 입니다.
이 주소는 제이쿼리 홈페이지에 들어가셔서 다운로드에 들어가시면 보실 수 있습니다. 그 소스를 복사해서 자신만의 서버에 보관하고 사용하셔도 무관합니다. 이 소스도 스크립트 태그를 이용해서 불러 오면 됩니다.
사용방법은

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js" ></script>

위와 같습니다.
전체 소스로 본다면

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js" ></script>
<script type="text/javascript">
  	$(function(){
  	
  	});
  	</script>
</head>
<body>
</body>
</html>

그럼 다음 강좌에서는 셀렉터 선택에 대해서 배워보겠습니다. css를 알고 계시는 분이시라면 전혀 어려움을 느끼지 않습니다.^^

다음강좌는 1강.셀렉터 입니다. 클릭하면 다음 강좌로 이동합니다.