안녕하세요 jQuery 강좌 첫번째 시간입니다.
jQuery 심플하게 설명하여 jquery 입문자들의 이해를 돕고자
시작하게 되었습니다.
해당 강좌는 jQuery를 설치하지 않고 CDN을 통하여 진행하도록 하겠습니다.^^
우선은 CDN URL을 스크립트태그의 src속성에 적용을 해주시면 되겠습니다.
jquery 최초 쓰던 버전이 1.3 버전이었는데 벌써 1.11에다가 2.x 버전까지 나왔네요!!
2.x 버전은 뭔지 추후에 확인 해봐야 겠습니다 ㅋ
우선은 간단 예제를 들기위한 것이므로 단순하게 1.11.0 버전은로 진행을 하겠습니다.
웹파일을 하나 생성 후 jQuery CDN 스크립트 태그를 include 해주는 것을 우선해주세요
위치는 <body> 태그내에 혹은 <head> 태그내에 상관은 없겠지만
기본적으로 저는 <head></head> 태그 사이에 넣도록 하겠습니다 .
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
다음으로는 $(document).ready()에 대하여 설명을 드리겠는대요
$(function(){ // code insert });
위와 같이 더욱 간결하게 사용하실수도 있습니다.
자바스크립트를 사용하셨던분이시라면 window.onload와 동일한 기능이라고 생각하시면 되겠는대요.
물론 window.onload, $(function(){}) , $(document).ready() 의 onload 스크립트 코드들은 body태그의 모든 태그들이
출력된 다음에 호출이 되는 코드입니다.
onload 라고 해서 모두 같은 1순위인건 아닙니다.
호출순서는
1. $(document).ready() = $(function(){})
2. window.onload
위 순서입니다.
즉, 둘이 동일하게 body 태그내의 모든 코드를 읽은 후 호출되는 onload 기능들이어도
순수 window.onload 코드가 가장 나중에 호출이 된다는 것입니다.
그렇다면 HTML 태그가 읽히는 예제를 한번 들어보도록 하겠습니다.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> alert("HEAD ALERT 경고창"); window.onload = function(){ alert("window.onload ALERT 경고창"); } $(document).ready(function(){ alert("$(document).ready ALERT 경고창"); }) </script> </head> <body> <script type="text/javascript"> alert("BODY ALERT 경고창"); </script> </body> </html>
샘플로 작성한 HTML 코드는 위와 같습니다.
총 4개의 ALERT이 화면에 뜨도록 작성해보았는대요
결과를 미리 예상해보자면
1차 ALERT 메시지 : HEAD ALERT 경고창
2차 ALERT 메시지 : BODY ALERT 경고창
3차 ALERT 메시지 : $(document).ready ALERT 경고창
4차 ALERT 메시지 : window.onload ALERT 경고창
코드 순서로 따지자면 결과가 위처럼 나올거 같습니다.
호출순서가
위 -> 아래 -> $(document).ready() -> window.onload 형태라고 말씀을 드렸으니까...
그렇다면 실제로 html 코드를 실행해보도록 하겠습니다.
실행결과 예상대로 결과값이 정상적으로 나왔습니다.
^^ 그럼 다음 포스팅으로 돌아오겠습니다~
by 개발로짜
jQuery 6강 - (Traversing) 특정 태그로부터 다른 태그의 위치 찾아보기 (2) | 2014.12.01 |
---|---|
jQuery 5강 - input태그,태그속성을 이용하여 셀렉터 알아보기 (1) | 2014.11.27 |
jQuery 4강 - attr() vs prop() 함수의 차이점을 비교하여 알아보자 (4) | 2014.11.15 |
jQuery 3강 - html() vs text() 함수 차이점 알아보기 + val() 함수를 이용한 input 태그의 값 확인 추가 (0) | 2014.11.12 |
jQuery 2강 - jQuery 자주 사용되는 id,class,태그별 셀렉터 맛보기 (0) | 2014.11.11 |
안녕하세요 개발로짜 입니다.
이번에는 기존에 존재하는 테이블들의 데이터들을 다른 테이블로
데이터 이관하는 작업에 필요한 명령문에 대하여 설명 드리고자 합니다.
SELECT INSERT문이라고 하는대요(?)
DBMS의 종류들은 MySQL, MS-SQL , Oracle 이 세가지에 대하여
포스팅 하도록 하겠습니다.
각 DBMS별 SELECT INSERT 명령문을 먼저 보시도록 하겠습니다.
INSERT 신규테이블명(컬럼1,컬럼2) SELECT 컬럼1,컬럼2 FROM 기존테이블 WHERE 조건절(해당부분은 선택형)
MSSQL의 경우는 2가지 SEELCT INSERT 구문을 사용할 수 있습니다.
첫번째로는 MySQL과 동일한
INSERT 신규테이블명(컬럼1,컬럼2) SELECT 컬럼1,컬럼2 FROM 기존테이블 WHERE 조건절(역시 해당부분 선택형)
이며 두번째로
SELECT 컬럼1,컬럼2 INTO 신규테이블 FROM 기존테이블 WHERE 조건절(선택형)
위와같이 줄 수 있습니다.
하지만 첫번째와 두번째 구문의 차이점이라고 한다면
첫번째 구문의 경우는 신규테이블이 존재하는 상태에서 기존데이터들을 INSERT하는 형식
두번째 구문은 VIEW생성을 하는거와 동일하게 신규테이블이 없는 상태에서 INSERT하는 형식
SELECT INTO FROM 구문일 경우
INTO에 선언해준 테이블이 자동으로 생성되어 데이터들이 일괄등록 해주는 것이죠.
INSERT INTO 신규테이블(컬럼1,컬럼2) SELECT 컬럼1,컬럼2 FROM 기존테이블 WHERE 조건절(선택형)
오라클의 경우 MySQL,MS-SQL의 INSERT SELECT FROM과 동일하지만
추가적으로 INSERT 다음에 INTO가 들어가야 한다는점~
그렇다면 각 명령어를 이용하여 실행결과를 보도록 하겠습니다.
3가지 DBMS의 공통시나리오는 다음과 같습니다.
기존에 데이터가 존재하는 테이블(BOARD_OLD)의 데이터들을
일괄로 신규로 생성된 테이블(BOARD_NEW)에 INSERT하기
상단 화면처럼 모두 동일한 테이블을 기준으로 각 명령어를 이용하여
우측 BOARD_NEW 테이블에 데이터 INSERT 작업을 하도록 해보겠습니다
위 결과화면에서 보시면 MySQL을 제외한 나머지는 SELECT * <<일괄로 각 컬럼 지정없이
신규테이블에 INSERT를 해주었습니다.
MySQL에서는 아쉽게도 지원을 안해주는거 같더군요 ^^
3가지 DBMS 모두다 정상적으로 SELECT INSERT 구문을 이용하여 한번에 데이터 이관을 해보았습니다.
유용하시길...
by 개발로짜
MySQL과 MSSQL의 시퀀스생성 및 초기화 하는방법에 대해서 알아보도록 하자 (0) | 2014.10.14 |
---|---|
MySQL- GROUP_CONCAT 함수로 세로로 출력된 결과를 하나의 컬럼에 가로로 출력하기 (0) | 2014.10.13 |
쿼리의 조건문 사용시 oracle에는 decode가있고 mysql에는 if가 있다 (0) | 2014.10.09 |
ORACLE/MYSQL/MSSQL 관계없이 CASE WHEN THEN ELSE END 사용하기 (0) | 2014.10.08 |
DBMS 별로 (oracle,mysql,mssql) 널값 처리하기 (0) | 2014.10.07 |
테이블에 데이터 INSERT시, 컬럼 지정을 안하고 등록한 데이터들은
DEFAULT 값을 정해주지 않는 이상 NULL 값이 들어가게 됩니다.
이럴경우 어떠한 값으로 치환을 하는 작업을 해주는 경우가 생기는대요
각 DBMS별로 널값 처리하는 방법에 대하여 포스팅을 해볼까 합니다.
우선 실행 함수들은 다음과 같습니다.
IFNULL(체크컬럼명,'널인값을 치환해줄값')
ISNULL(체크컬럼명,'널인값을 치환해줄값')
NVL(체크컬럼명,'널인값을 치환해줄값')
각 사용되는 함수들은 위와 같습니다.
"널일경우 'NULL값' 이라는 문자열로 치환을 해준다"
위와같은 조건을 주어서 각 널인 데이터들을 치환해보도록 하겠습니다.
상단 이미지처럼 data라는 컬럼을 가진 NULL_TABLE_XXX 테이블을
각 DB종류별로 생성한후 널값 + 널이아닌값을 임의로 데이터들을 INSERT 한다음
널처리를 해보도록 하겠습니다.
정상적으로 각 DB별로 널처리가 정상적으로 처리되었네요^^
다음 포스팅에서 뵙도록 하겠습니다~
by 개발로짜
MySQL과 MSSQL의 시퀀스생성 및 초기화 하는방법에 대해서 알아보도록 하자 (0) | 2014.10.14 |
---|---|
MySQL- GROUP_CONCAT 함수로 세로로 출력된 결과를 하나의 컬럼에 가로로 출력하기 (0) | 2014.10.13 |
쿼리의 조건문 사용시 oracle에는 decode가있고 mysql에는 if가 있다 (0) | 2014.10.09 |
ORACLE/MYSQL/MSSQL 관계없이 CASE WHEN THEN ELSE END 사용하기 (0) | 2014.10.08 |
DBMS별 기존테이블 SELECT해서 새 테이블에 INSERT하여 데이터 일괄처리하기(oracle,mssql,mysql) (4) | 2014.10.08 |