2017 JAVA 교육수료

20DAY / JAVA Script / 카드게임만들기

2017. 4. 28. 09:39

자바스크립트사용


자바스크립트 변수


변수타입


<!DOCTYPE html>
<html>
<head>
    <meta charset="EUC-KR">
    <title>Insert title here</title>
    <script>
    // db -> select -> 배열
    let card = [
                 {num:1,  kind:"spade"}
                ,{num:2,  kind:"spade"}
                ,{num:3,  kind:"spade"}
                ,{num:4,  kind:"spade"}
                ,{num:5,  kind:"spade"}
                ,{num:6,  kind:"spade"}
                ,{num:7,  kind:"spade"}
                ,{num:8,  kind:"spade"}
                ,{num:9,  kind:"spade"}
                ,{num:10, kind:"spade"}
                ,{num:11, kind:"spade"}
                ,{num:12, kind:"spade"}
                ,{num:13, kind:"spade"}
                ,{num:1,  kind:"heart"}
                ,{num:2,  kind:"heart"}
                ,{num:3,  kind:"heart"}
                ,{num:4,  kind:"heart"}
                ,{num:5,  kind:"heart"}
                ,{num:6,  kind:"heart"}
                ,{num:7,  kind:"heart"}
                ,{num:8,  kind:"heart"}
                ,{num:9,  kind:"heart"}
                ,{num:10, kind:"heart"}
                ,{num:11, kind:"heart"}
                ,{num:12, kind:"heart"}
                ,{num:13, kind:"heart"}
                ,{num:1,  kind:"diamond"}
                ,{num:2,  kind:"diamond"}
                ,{num:3,  kind:"diamond"}
                ,{num:4,  kind:"diamond"}
                ,{num:5,  kind:"diamond"}
                ,{num:6,  kind:"diamond"}
                ,{num:7,  kind:"diamond"}
                ,{num:8,  kind:"diamond"}
                ,{num:9,  kind:"diamond"}
                ,{num:10, kind:"diamond"}
                ,{num:11, kind:"diamond"}
                ,{num:12, kind:"diamond"}
                ,{num:13, kind:"diamond"}
                ,{num:1,  kind:"clover"}
                ,{num:2,  kind:"clover"}
                ,{num:3,  kind:"clover"}
                ,{num:4,  kind:"clover"}
                ,{num:5,  kind:"clover"}
                ,{num:6,  kind:"clover"}
                ,{num:7,  kind:"clover"}
                ,{num:8,  kind:"clover"}
                ,{num:9,  kind:"clover"}
                ,{num:10, kind:"clover"}
                ,{num:11, kind:"clover"}
                ,{num:12, kind:"clover"}
                ,{num:13, kind:"clover"}
                ];
    
        window.addEventListener("load",function(){
            let play = document.getElementById("play");
            play.addEventListener("click", function(){
                for(let i=0; i<10000; i++) {
                    let r = Math.floor(Math.random()*card.length); // 0 ~ 3
                    let temp = card[0];
                    card[0] = card[r];
                    card[r] = temp;
                }
                let str ="";
                for(let i=0; i<5; i++) {
                    let fileName = card[i].kind+card[i].num+".JPG";
                    let path = "<img src='./imgs/"+fileName+"'>"; 
                    str += path;
                }
                let result = document.getElementById("result");
                result.innerHTML = str;
            });
        });
        
        
 
        
    </script>
</head>
<body class="container">
    <button id="play" class="btn btn-primary">play</button>
    <div id="result">
    </div>
</body>
</html>



저작자표시

19DAY /Bootstrap,CSS

2017. 4. 27. 13:41


JSP와 CSS

CSS구문

다이어리만들기







































Bootstrap(부트스트랩) 사용하기 


1)부트스트랩 다운로드

http://getbootstrap.com/


2)압축풀기 후 각각 파일 복사붙여넣기


3)웹페이지열어 Stylesheet 와 JAVAScript 영역에 관련된 파일의 경로를 추가한다.


3)JQuery라이브러리 추가하기

ㄴCDN방식으로 HTML내에서 참조


4)원하는 component 사용


참조사이트 https://www.w3schools.com/bootstrap/default.asp


저작자표시

17DAY / JSP + mysql / insert 후 list

2017. 4. 25. 10:11

MySQL 라이브러리 추가하기


1)MySQL Community Server를 다운로드한다.


https://dev.mysql.com/downloads/mysql/




2) 이클립스에서 마우스 우클릭 - [ Build Path ] - [ Configure Build Path... ] 클릭




3) [ Add External JARs ] 선택후 다운받은 MySQL Zip파일을 선택한다.









JDBC(Java data base connectivity)

 프로그램 순서 7단계


01단계 :드라이버 로딩(mysql 드라이버 로딩)

02단계 :DB연결(Connection)

1)ip 2)port번호 3)db접속id 4)db접속비번 5)db명(sid,service name)


03단계 :Query실행을 위한 준비

DML(insert,update,delete,select등) Query문장

( statement 또는 PreparedStatement 객체생성)


04단계 :Query실행


05단계 :Query실행결과 사용

(insert,update,delete의 경우 생략 가능단계)


06단계 :statement 또는 PreparedStatement객체 종료(close())

07단계 :DB연결(Connection 객체) 종료(close())





저작자표시

SQL문_DML,DDL,DCL

2017. 4. 24. 12:24

 DML (Data Manipulation Language) 데이터조작어

 

데이터를 조작 (조회, 추가, 변경, 삭제) 하기 위해 사용한다.

 

사용자가 응용 프로그램과 데이터 베이스 사이에 실질적인 데이터 처리를 위해서 주로 사용한다.

 

 

 

- SELECT : 조회

 

- INSERT : 추가

 

- DELETE : 삭제

 

- UPDATE : 변경


 

DDL (Data Definition Language) 데이터정의어

 

데이터 베이스 스키마를 정의 하거나 조작하기 위해 사용한다.

 

SCHEMA, DOMAIN, TABLE, VIEW, INDEX 를 다음 명령어로 정의, 변경, 삭제한다.

  

 

- CREATE : 정의

 

- ALTER: 수정

 

- DROP : 삭제

 

- TRUNCATE : DROP 후 CREATE


 

DCL (Data Control Language) (데이터제어어)

 

데이터의 보안, 무결성, 회복, 병행 수행제어 등을 정의하는데 사용한다.

 

 

 

- COMMIT : 트랜잭션의 작업 결과를 반영

 

- ROLLBACK : 트랜잭션의 작업을 취소 및 원래대로 복구

 

- GRANT : 사용자에게 권한 부여

 

- REVOKE : 사용자 권한 취소

 

 

 

저작자표시

+ Recent posts

티스토리툴바