devil cat everdevel character

프로그래머가 아니던 시절 만들기 시작한 에버디벨 !
첫 오픈 한달과 최근 한달의 방문자수를 비교해보니 무려 190배 이상 증가했습니다.
그 사이 어느새 1년 9개월의 경력을 갖고 있는 프로그래머가 되었습니다.
실무의 경험을 담아 더 많은 내용으로 올해 언젠가 에버디벨이 책으로 나옵니다.
{HTML5, CSS3, jQuery, MySQL5, PHP7(PDO, OOP, MVC)}
아무것도 몰라도 컴퓨터만 있다면 하나부터 학습하며 발전해 나가는 자신을 보는 감동을 드리겠습니다.

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강.셀렉터 입니다. 클릭하면 다음 강좌로 이동합니다.