mysql 샘플 테이블 + 쿼리 연습 문제

-
http://java-school.net/jdbc/SQL-SELECT-Statement CREATE TABLE DEPT (     DEPTNO DECIMAL ( 2 ),     DNAME VARCHAR ( 14 ),     LOC VARCHAR ( 13 ),     CONSTRAINT PK_DEPT PRIMARY KEY ( DEPTNO ) ); CREATE TABLE EMP (     EMPNO DECIMAL ( 4 ),     ENAME VARCHAR ( 10 ),     JOB VARCHAR ( 9 ),     MGR DECIMAL ( 4 ),     HIREDATE DATE ,     SAL DECIMAL ( 7 , 2 ),     COMM DECIMAL ( 7 , 2 ),     DEPTNO DECIMAL ( 2 ),     CONSTRAINT PK_EMP PRIMARY KEY ( EMPNO ),     CONSTRAINT FK_DEPTNO FOREIGN KEY ( DEPTNO ) REFERENCES DEPT ( DEPTNO ) ); CREATE TABLE SALGRADE (     GRADE TINYINT ,     LOSAL SMALLINT ,     HISAL SMALLINT ); INSE...

css, jquery 슬라이드 slick 슬라이드

-












좌우 화살표 누르면 슬라이드












http://kenwheeler.github.io/slick/


링크들어가서
파일다운로드받아서 압축풀고 프로젝트에 추가해준다











<script type="text/javascript" src="./js/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="./css/slick.css"/>
<link rel="stylesheet" type="text/css" href="./css/slick-theme.css"/>

헤더에 링크 추가해주고
HTML

<div class="main_slide slide1">
<div class="slide_arrow_box arrow_left"></div>
<div class="slide_arrow_box arrow_right"></div>

<div class="slide_slick">
<div>
<div class="slide1_text_box">
<div class="slide1_text1">미래의 발전을 위한 다큐멘터리</div>
<div class="slide1_text2">미래를 위한 취업준비</div>
<div class="slide1_text3">취업뽀개기 | 월요일 밤 11시 30분</div>
</div>
<img src="./img/main/sample_1.png">
</div>
<div>
<div class="slide1_text_box">
<div class="slide1_text1">미래의 발전을 위한 다큐멘터리</div>
<div class="slide1_text2">미래를 위한 취업준비</div>
<div class="slide1_text3">취업뽀개기 | 월요일 밤 11시 30분</div>
</div>
<img src="./img/main/sample_1.png">
</div>
<div>
<div class="slide1_text_box">
<div class="slide1_text1">미래의 발전을 위한 다큐멘터리</div>
<div class="slide1_text2">미래를 위한 취업준비</div>
<div class="slide1_text3">취업뽀개기 | 월요일 밤 11시 30분</div>
</div>
<img src="./img/main/sample_1.png">
</div>
</div>
</div>





CSS

생략





SCRIPT

$('.slide_slick').slick({
dots:true
});


스크립트에 이거만 추가해주면 된다 간단하다.
디자인에 맞추기위해 slick css 파일 자체를 좀 건드렸음