ERD

우선 erwin을 실행 시킨다.

   

File > New

Logical/Physical 클릭 , Oracle 9.x

   

Model > Model Properties > Notation

Logical Notation, Physical Notation :: IE 로 설정

   

상단의 Logical 부분을 우선 Physical 로 변경 해준다

   

왼쪽에서 2번째 그림으로 테이블을 Create 한다

   

아래와 같이 생성한 뒤

   

Logical로 변경 해준다.

   

그 다음 위 테이블 DEP_NUM 오른쪽 마우스 클릭 > attributes 클릭

   

New > 눌러서 column 정보와 이름을 기입한다

   

Primary key check 하면 설정 됨

   

Datatype 설정 후 OK

   

Format > Table Display > Column DataType 체크

Format > Table Display > Null Option 체크

   

Physical 일 땐 위와 같이 나온다.

   

   

Logical 일 땐 위와 같이 나온다.


HTML5_pdf.zip



참고자료

저작자표시

'Client Standard > HTML' 카테고리의 다른 글

Web DB  (0) 2013.08.01
Web Storage  (0) 2013.08.01
Drag and Drop  (0) 2013.08.01
HTML5 Video  (0) 2013.08.01
HTML5 Canvas  (0) 2013.08.01

function createDrop(input) {

var ul = document.getElementById(input);

ul.setAttribute("ondragenter", "dEnter()");

ul.setAttribute("ondragover", "dOver()");

ul.setAttribute("ondrop", "dDrop('"  + input + "')");

}


dDrop(input) {} 이렇게 주고 싶을 떄 , " " 쌍 따옴표 안에 인자값을 위와 같이 주면 된다.


dDrop('input') -> dDrop('" + input + "')  

저작자표시

'Client Standard > JavaScript & jQuery' 카테고리의 다른 글

[Js] getClass, display:none, block  (0) 2013.11.25
[Image 미리보기] Js Code  (0) 2013.11.15
[JavaScript] typeof 타입형 얻어오기  (0) 2013.08.02
JavaScript Event Model  (0) 2013.08.01
DOM  (0) 2013.08.01

// typeof 변수 형태로 그 해당 변수의 형을 알수 있다


var val;

if (typeof val == "undifined")

console.log("true");

저작자표시

'Client Standard > JavaScript & jQuery' 카테고리의 다른 글

[Image 미리보기] Js Code  (0) 2013.11.15
[JavaScript] 함수내 함수 인자값 주기  (0) 2013.08.02
JavaScript Event Model  (0) 2013.08.01
DOM  (0) 2013.08.01
BOM  (0) 2013.08.01
  • Web DB

   

  • Web SQL DB

   

  • Indexed DB

   

  • Indexed DB Sample Source


   

   

   

   

   

   

   

   

'Client Standard > HTML' 카테고리의 다른 글

[HTML5] HTML5 세미나 PDF 파일  (0) 2013.08.06
Web Storage  (0) 2013.08.01
Drag and Drop  (0) 2013.08.01
HTML5 Video  (0) 2013.08.01
HTML5 Canvas  (0) 2013.08.01
  • 웹 스토리지


   

   

  • 어디에 활용 가능 한가 ?

   

   

  • Cookie 기술과의 비교

   

   

  • Local Storage

   

   

  • 실습

   

   

'Client Standard > HTML' 카테고리의 다른 글

[HTML5] HTML5 세미나 PDF 파일  (0) 2013.08.06
Web DB  (0) 2013.08.01
Drag and Drop  (0) 2013.08.01
HTML5 Video  (0) 2013.08.01
HTML5 Canvas  (0) 2013.08.01

dragstart => ondragstart 속성 => Source 객체에서 처리

dragenter => ondragenter 속성 => Target 객체에서 처리

   

   

dragover => ondragover 속성 => Target 객체에서 처리

drop => ondrop 속성 => Target 객체에서 처리

 

   

   

 

   

   

   

   

   

   

   

  • Drag and Drop (실습)

   

   

'Client Standard > HTML' 카테고리의 다른 글

Web DB  (0) 2013.08.01
Web Storage  (0) 2013.08.01
HTML5 Video  (0) 2013.08.01
HTML5 Canvas  (0) 2013.08.01
HTML5의 새로운 요소  (0) 2013.08.01
  • HTML5와 Video

 

   

  • <video> 태그 사용 예제

위 예제는 해당 태그가 삽입된 영역에 320의 너비, 240의 높이의 크기에 맞도록 movie.org라는 Video 파일을 재생할 수 있게 한다

   

   

   

   

  • <video> 태그 속성

   

   

  • 멀티 코덱 파일 대응 예제

   

위의 예제 코드와 같이 <video> 태그 내에 <source> 태그를 삽입하고 재생할 비디오 파일을 src 속성으로, 그에 해당하는 코덱의 타입

type으로 설정하면 <video> 태그를 지원하는 브라우저에서는 문제없이 비디오를 재생할 수 있다.

   

   

  • 비디오 컨트롤러 기능 구현하기

 

   

  • <audio> 태그 속성

 

   

  • 동영상 화면 캡쳐

 

 

 

버튼을 누르면 현재 재생되고 있는 동영상의 화면을 캡쳐 하여 화면에 표시한다

본 실습에서는 동영상이 포함되어 있는 예제 페이지의 <body> 태그 부분이 아래와 같을 때, 화면을 캡쳐하여

<canvas> 태그에 표시할 수 있는 자바스크립트 함수를 구현한다

   

'Client Standard > HTML' 카테고리의 다른 글

Web Storage  (0) 2013.08.01
Drag and Drop  (0) 2013.08.01
HTML5 Canvas  (0) 2013.08.01
HTML5의 새로운 요소  (0) 2013.08.01
[HTML5] Drag and Drop 기능  (0) 2013.07.24
  • HTML Canvas

 

HTML5 Canvas를 이용하면 브라우저의 특정 사각형 영역에 2D 이미지를 그릴 수 있다.

그릴 수 있는 기본 도형은 선, 사각형, 곡선, 원이며 텍스트와 이미지 출력이 가능하다.

   

  • Canvas 로 할 수 있는 일

동적 그래프 그리기

(http://www.benjoffe.com/code/demos/interpolate/)

   

웹 그림판

HTML5 Canvas 기능으로 구성되어 있으며 Windows, Mac OS X, Linux 등 사용자의 OS와 상관없이 작동한다

(http://mugtug.com/sketchpad/)

   

  • 브라우저 지원 현황

(http://caniuse.com/) 참고

   

 

  • <canvas> 태그의 동작 원리

   

   

Canvas 에서 좌표 값의 이해

x : 가로 방향의 시작 위치

y : 세로 방향의 시작 위치

width : 도형의 폭

height : 도형의 높이

숫자의 단위 : pixels

   

  • Canvas 선그리기

   

주어진 좌표를 각 꼭지점으로 하는 삼각형을 그린다.

이를 위하여 아래에 제시된 선 그리기 메소드를 응용 한다.

   

 

   

   

 

   

   

   

   

   

   

   

   

   

   

  • 곡선(Quadratic Curve) 그리기

   

   

 

   

   

 

  • 자동으로 다양한 원을 그리는 애니메이션 구현 (실습)

   

   

   

   

  • Canvas 필터 효과

RGB 값을 조정하여 필터 효과를 줄 수 있다.

   

   

   

위 코드처럼 원본 이미지 데이터를 픽셀 단위로 획득 후, 각 픽셀 r,g,b 값을 증가시켜

더 밝은 색상으로 변경 한다.

'Client Standard > HTML' 카테고리의 다른 글

Drag and Drop  (0) 2013.08.01
HTML5 Video  (0) 2013.08.01
HTML5의 새로운 요소  (0) 2013.08.01
[HTML5] Drag and Drop 기능  (0) 2013.07.24
[HTML5] html5 주저리 주저리...  (0) 2013.07.22

 

   

 

   

   

   

   

 

   

   

 

   

   

'Client Standard > JavaScript & jQuery' 카테고리의 다른 글

[JavaScript] 함수내 함수 인자값 주기  (0) 2013.08.02
[JavaScript] typeof 타입형 얻어오기  (0) 2013.08.02
DOM  (0) 2013.08.01
BOM  (0) 2013.08.01
JavaScript Language Spec  (0) 2013.08.01

+ Recent posts

티스토리툴바