2017 JAVA 교육수료/DAY

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())





저작자표시

16DAY / mysql설치

2017. 4. 24. 10:06


데이터베이스 개발환경 순서


1단계) mysql DB서버 설치

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


2단계) root관리자계정아이디 생성

->비밀번호는 반드시 java0000으로





3단계) DB생성

4단계) 일반사용자계정 생성

5단계) 일반사용자계정과 DB활용할 수 있는 권한 부여

6단계) 일반사용자계정으로 로그인

7단계) Table생성

8단계) DML  Query(쿼리) 작성 실습

insert(입력)

update(수정)

delete(삭제)

select (조회)

DB접속정보 : 1)ip 주소 2)port번호 3)dbid 4)dbpw 5)DB명




heidisql설치


http://www.heidisql.com/




session manager

접속정보 추가

  1) root관리자 계정으로 추가

  2) 일반사용자 계정으로 추가




DB사용자아이디 : dev24id
DB사용자비번   : dev24pw
DB명            : dev24db

--------------------------------
root(DB관리자)로 로그인 후
사용자 DB생성 및 권한 부여

1)DB 생성문장
create database dev24db;

2)사용자계정 생성 및 권한 부여문장
grant select,insert,update,delete,create,drop,alter on dev24db.* to 'dev24id'@'localhost' identified by 'dev24pw';




DB사용자계정(dev24id)과 DB명(dev24db)으로 로그인




3)테이블생성문장

create table tb_member(
m_id VARCHAR(10) NOT NULL PRIMARY KEY,
m_pw VARCHAR(10) NOT NULL,
m_level VARCHAR(10) NOT NULL,
m_name VARCHAR(20) NOT NULL,
m_email VARCHAR(80)
)DEFAULT CHARSET=euckr;

insert into tb_member values('id001','pw001','관리자','홍01','test01');
insert into tb_member values('id002','pw002','판매자','홍02','test02');
insert into tb_member values('id003','pw003','판매자','홍03','test03');
insert into tb_member values('id004','pw004','구매자','홍04','test04');
insert into tb_member values('id005','pw005','구매자','홍05','test05');





저작자표시

+ Recent posts

티스토리툴바