상중초 개발자/JQuery 기본
모든 웹 개발의 기본 흐름은 아래와 같다.
DB
서버에 저장된 데이터를 더욱 사용하기 쉽게 만들어주는 것이 데이터베이스 서버라고 생각하면 이해가 쉬우며, 이렇게 데이터베이스 서버를 사용함으로 데이터 관리가 용이해지는 것이다.
관계형 데이터베이스는 엔진 역할로써 데이터를 컬럼(column)과 로우(row)를 이루는 하나 이상의 테이블(또는 관계)로 정리하며, 고유 키(Primary key)가 각 로우를 식별한다.
관계형 데이터베이스에는 Oracle, Ms-SQL(Microsoft SQL Server), MySQL 등이 존재하며 관계형 데이터베이스들은 큰 틀은 같으나, 성능이나 세부 기능은 약간의 차이가 있다.
Spring
스프링 프레임 워크는 자바와 객체 지향이라는 기반이 존재하며 함수의 연속으로 모듈식 구성이다.
핵심 스프링 모듈 위에 구축된 독립적인 모듈 세트로 구축되며 대부분의 스프링 모듈은 독립적이다.
웹 개발에 있어 초급, 중급, 고급 개발자가 하는 일은 분명하게 나뉜다.
초급 개발자가 하는 업무를 쉽게 풀어 설명하자면 중급, 고급자가 만들어놓은 프로세스들을 하나하나 조립하는 기능공의 역할이라고 생각하면 쉬우며, 대부분의 업무는 검색 기능을 구현하는 것에 중점을 둔다.
jQuery
jQuery는 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리이다.
즉, 모든 브라우저에서 동작하는(이벤트가 발생하는) 클라이언트 자바스크립트 라이브러리라는 말과 같다.
jQuery가 자바스크립트 라이브러리(결과값)이라고 정의했는데, 그렇다면 라이브러리란 무엇일까?
라이브러리란 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들을 의미한다.
jQuery 기본 문법은 아래와 같다.
|
<html>
<head>
<title>Page Title</title>
<script src="/파일경로/제이쿼리파일명.js">
$(function() {
제이쿼리 코드;
});
</script>
</head>
<body>
</body>
</html>
|
cs |
$() 함수는 선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해 주는 역할을 한다.
이러한 $() 함수를 통해 생성된 요소를 제이쿼리 객체(jQuery object)라고 한다.
이렇게 생성된 제이쿼리 객체의 메소드를 사용하여 여러 동작을 설정할 수 있다.
$() 함수의 인수로는 HTML 태그 이름뿐만 아니라, CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있다.
jQuery의 변수는 문자, 숫자, 객체로 구성되며 { 제이쿼리 코드; };의 처리과정을 거치면 return 문자, 숫자, 함수의 결괏값이 도출된다.
JavaScript
자바스크립트에서의 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미하며
프로그램을 여러 개의 함수로 나누어 작성하면 모듈화로 인해 전체적인 코드의 가독성이 좋아진다.
또한 프로그램에 문제가 발생하거나 기능의 변경이 필요할 때에도 손쉽게 유지보수를 할 수 있다.
자바스크립트에서는 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생한다.
변수(variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며, 그 값이 변경될 수 있다.
자바스크립트에서는 var 키워드를 사용하여 변수를 선언한다.