PowerPoint 프레젠테이션

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "PowerPoint 프레젠테이션"

Transcription

1 HTML5 웹프로그래밍입문 11 장. 캔버스

2 목차 11.1 캔버스이해하기 11.2 캔버스기본 API 사용하기 11.3 캔버스고급기능사용하기 2

3 11.1 캔버스이해하기 캔버스의특징 캔버스시작하기 3

4 HTML5 캔버스 자바스크립트를이용해서웹문서상에그림그리는기능 HTML5 이전 직접이미지파일을 <img> 태그를이용해서문서상에포함 자바애플릿이용 플래시이용 HTML5 캔버스 자바스크립트만을이용해서그림을그릴수있다 별도의플러그인이나프로그램설치없이가능 이미지나그림을합성, 변환조작도가능 4

5 캔버스의특징 캔버스좌표계 : 사각평면의 2 차원좌표계 이차원 (2D) 이미지표현 => x, y 2개의축 왼쪽상단모서리가원점 (0, 0) (0, 0) x 축 픽셀 (pixel) 좌표계상의각각의정사각형네모칸 이미지를구성하는점이며색상을가진다. y 축 (30, 20) 비트맥그래픽 (Bitmap graphics) 픽셀만으로이미지를표현하고저장하는형태 캔버스의도형이나그림, 글씨등을 2차원비트맵으로저장 이미그려진도형이나그림을확대하는등은작업은불가능 5

6 캔버스시작하기 캔버스요소 : <canvas> 태그이용, width, height 속성으로캔버스크기지정, DOM 접근을위해 id 지정 컨텍스트 (context) 객체 캔버스에내용을채우기위한객체 <canvas> 요소객체에접근한후 getcontext("2d") 메소드실행 <body> <canvas id="mycanvas" width="300" height="200"></canvas> <script type="text/javascript"> var canvas = document.getelementbyid("mycanvas"); 캔버스요소의정의 var context = canvas.getcontext("2d"); context.moveto(50, 50); 캔버스컨택스트가져오기 context.lineto(200, 50); </script> 그림을그리는자바스크립트코드 </body> 6

7 11.2 캔버스기본 API 사용하기 기본도형그리기 기본도형꾸미기 이미지와글자그리기 7

8 캔버스기본도형그리기 캔버스기본 API 컨텍스트객체의메소드를호출함로써그림이그려짐 캔버스컨텍스트의선그리기메소드 선긋기, 경로, 곡선등 현재위치에서다음지점까지선을연결하는방식 현재위치이동 : moveto(x,y) 메소드 선을그린경우에는마지막지점으로현재위치이동 캔버스컨텍스트메소드 context.moveto(x, y) context.lineto(x, y) context.rect(x, y, width, height); 기능및설명선의시작지점을 (x, y) 로이동현재위치에서 (x, y) 까지선그리기왼쪽위모서리가 (x, y) 지점이고, 가로와세로변의크기가 width, height인사각형그리기현재지정된색상과모양으로선을그린다. stroke() 메소드를실행하지않으면선이안그려진다. 8

9 직선, 사각형그리기예제 var canvas = document.getelementbyid("mycanvas"); var context = canvas.getcontext("2d"); context.moveto(50, 50); context.lineto(200, 50); context.lineto(200, 100); context.lineto(100, 100); context.lineto(50, 150); context.lineto(150, 180); (50, 50) (200, 50) (100, 100) (200, 100) (50, 150) (150, 180) var canvas = document.getelementbyid("mycanvas"); var context = canvas.getcontext("2d"); context.rect(50, 50, 100, 100); context.rect(20, 20, 180, 180); context.rect(120, 120, 50, 50); (20, 20) (50, 50) (120, 120) (150, 150) (170, 170) 9 (200, 200)

10 원호그리기예제 context.arc(x, y, r, startangle, endangle, anticlockwise) (x, y) 를원점으로하고반지름 r인원호. 시작각도와끝각도를지정 anticlockwise 값을 false로설정하면시계방향 ( 기본값 ) context.beginpath(); context.arc(30, 100, 20, 0, 1.5*Math.PI); // Math.PI 상수를이용해각도지정 beginpath(); 가없으면선이연속된다. context.beginpath(); context.arc(110, 100, 40, 1*Math.PI, 1.5*Math.PI, true);// 반시계방향원호 context.closepath(); // 경로시작점까지직선으로연결하며경로를종료한다. context.beginpath(); context.arc(240, 100, 60, 0, 2*Math.PI); // 360 도원호를그려원그리기 10

11 곡선그리기예제 context.quadraticcurveto(cx, cy, x, y); 하나의제어점 시작점은현재위치, (cx, cy) 가제어점, 끝점은 (x, y) context.beziercurveto(cx1, cy1, cx2, cy2, x, y); 시작점은현재, 두개제어점은 (cx1, cy1) 과 (cx2, xy2), 끝점 (x, y) context.moveto(50, 200); context.quadraticcurveto(100, 10, 200, 200); context.moveto(300, 200); (100, 10) context.beziercurveto(300, 100, 600, 100, 450, 200); 제어점 제어점1 (300, 100) 제어점2 (550, 100) (50, 100) (200, 100) 시작점끝점 Quadratic 곡선 (300, 200) 시작점 Bezier 곡선 (450, 200) 끝점 11

12 경로그리기 연속된선그리기를통한경로그리기 context.beginpath() 경로의시작설정 context.closepath() 경로지정을종료 처음경로시작지점으로선을연결하여경로를완성 12

13 선꾸미기예제 linewidth 선의두께 ( 픽셀개수 ) strokestyle 선의색상 예 ) "blue" 혹은 "#0000ff" 등 linecap 선의양쪽끝모양 "butt", "round", "square" context.beginpath(); context.moveto(10, 20); context.lineto(100,20); context.linewidth = 20; context.strokestyle = "blue"; context.linecap = "butt"; context.beginpath(); context.moveto(10, 60); context.lineto(100, 60); context.strokestyle = "red"; context.linecap = "round"; context.beginpath(); context.moveto(10, 100); context.lineto(100, 100); context.strokestyle = "green"; context.linecap = "square"; 13

14 도형꾸미기예제 linejoin 선이꺽이는모서리모양 "miter", "round", "bevel" fillstyle 도형의내부를색칠할색상값 context.fill(); 현재 fillstyle 색상으로도형채우기 이전 fill() 메소드이후의모든도형 context.beginpath(); context.rect(20, 20, 50, 80); context.linewidth = 20; context.strokestyle = "black"; context.linejoin = "miter"; context.fillstyle = "grey"; context.fill(); context.beginpath(); context.rect(110, 20, 50, 80); context.strokestyle = "black"; context.linejoin = "round"; context.fillstyle = "pink"; context.fill(); context.beginpath(); context.rect(200, 20, 50, 80); context.strokestyle = "black"; context.linejoin = "bevel"; context.fillstyle = "yellow"; context.fill(); 14

15 이미지그리기 기존에이미지를포함하려면 <img> 태그이용 캔버스에이미지그리기 Image 객체생성 : Image() 생성자이용 drawimage() 메소드 캔버스컨텍스트에서이미지그리기 는메소드 사이즈조정, 크롭 (crop) 등의기능도가능 15

16 이미지그리기예제 기존에이미지를포함하려면 <img> 태그이용 캔버스에이미지그리기 Image 객체생성 : Image() 생성자이용 drawimage() 메소드 캔버스컨텍스트에서이미지그리기 var canvas = document.getelementbyid("mycanvas"); var context2d = canvas.getcontext("2d"); var imgobj = new Image(); imgobj.src = "clownfish.jpg"; imgobj.onload = function() { // (50, 50) 지점에원래크기그대로이미지그리기 context2d.drawimage(imgobj, 50, 50); // 크기조정하기 : (600, 50) 지점에 250 x 100 크기로이미지그리기 context2d.drawimage(imgobj, 600, 50, 250, 100); 이미지사이즈조정 // 크기조정하기 : (900, 50) 지점에 200 x 200 크기로이미지그리기 context2d.drawimage(imgobj, 900, 50, 200, 200); 16

17 이미지그리기예제 Image crop 원본이미지에서자르고, 캔버스에그린다... // 이미지자르기후크기조정 : // 1) 원본이미지 (150, 100) 지점에서 150 x 150 크기의이미지를자른다. // 2) Canvas 의 (600, 300) 지점에 100 x 100 크기로그리기 context2d.drawimage(imgobj, 150, 100, 150, 150, 600, 300, 100, 100); } // 이미지자르기후크기조정 : // 1) 원본이미지 (250, 100) 지점에서 250 x 150 크기의이미지를자른다. // 2) Canvas 의 (750, 300) 지점에 125 x 75 크기로그리기 context2d.drawimage(imgobj, 250, 100, 250, 150, 750, 300, 125, 75); 17 이미지크롭 이미지사이즈조정

18 캔버스에글자그리기 비트맵방식으로캔버스에텍스트그리기 텍스트를그려넣기전에폰트, 크기, 정렬방법등을결정 삽입된글자를수정하거나크기를조정하는것은불가능 글자그리기메소드 context.font : 글자체지정. 이탤릭체, 크기, 폰트등한번에지정 context.textalign : 텍스트정렬. "left", "right", "center", "start", "end" context.fillstyle : 글자의색상, 예 ) "blue" 혹은 "#0000ff" 등 context.filltext() : 지정된위치에글자를그린다 글자외곽선그리기 context.strokestyle : 글자의외곽선색상 context.linewidth : 외곽선의선두께 context.stroketext(text, x, y) : (x, y) 위치에 text 외곽선을그린다 18

19 글자그려넣기예제 context.rect(0, 0, 400, 300); var text1 = "HTML5 Text Drawing!"; var text2 = "Left aligned text"; var text3 = "Center aligned text"; var text4 = "Right aligned text"; context.font = "italic 16pt Times New Roman"; context.fillstyle = "blue"; context.filltext(text1, 200, 50); context.font = "12pt Tahoma"; context.fillstyle = "red"; context.textalign = "left"; context.filltext(text2, 200, 100); context.font = "bold 24pt Courier New"; context.strokestyle = "black"; context.textalign = "center"; context.linewidth = 1; context.stroketext(text3, 200, 150); context.linewidth = 2; context.stroketext("linewidth=2", 200, 200); context.font = "bold 16pt Batang"; context.fillstyle = "green"; context.textalign = "right"; context.filltext(text4, 200, 250); 19

20 11.3 캔버스고급기능사용하기 그리기효과 변환효과 기타고급기능 20

21 그리기효과 합성 (composition) 효과 그림자효과 : shadow shadowcolor, shadowblur, shadowoffsetx, shadowoffsety 투명도조절 : globalalpha 0과 1 사이의실수값, 0이완전투명 지정한도형모양으로잘라내기 : clip clip() 메소드가바로이전에정의된경로로도형자르기 21

22 그리기효과예제 context.beginpath(); context.rect(40, 10, 60, 100); context.closepath(); context.clip(); 클립효과사용시유의사항 잘라내고자하는그림을그리기이전에 clip() 메소드를실행 clip() 메소드실행이전에그려진그림은자르기효과가적용안됨 context.beginpath(); context.rect(20, 20, 60, 60); context.fillstyle = "green"; context.shadowcolor = "blue"; context.shadowblur = 30; context.shadowoffsetx = 10; context.shadowoffsety = 20; context.fill(); context.beginpath(); context.arc(80, 30, 30, 0, 2*Math.PI); context.fillstyle = "red"; context.globalalpha = 0.5; context.shadowcolor = "transparent"; context.fill(); (a) clip() 메소드를실행하지않은경우 (b) clip() 메소드를실행한경우 22

23 변환효과 기본변환 (transformation) 그림을그려넣을때위치이동, 크기변환, 회전등의기능을수행 translate(x, y); 이동변환, (x, y) 만큼이동 scale(x, y); 크기변환, 가로세로방향의배율 (x, y) rotate( 회전각도 ); 회전변환, 회전각도는 radian 값, 회전중심점은왼쪽위모서리 23

24 기본변환예제 var canvas = document.getelementbyid("mycanvas"); var context2d = canvas.getcontext("2d"); var imgobj = new Image(); imgobj.src = "clownfish.jpg"; imgobj.onload = function() { // original drawing context2d.drawimage(imgobj, 50, 50); // 이동변환 context2d.translate(800, 50); // 이동 context2d.drawimage(imgobj, 50, 50); // 크기변환 context2d.scale(1.2, 0.33); // 가로 1.2, 세로 1/3 배스케일 context2d.drawimage(imgobj, 0, 1500); } // 회전변환 context2d.rotate(45); context2d.drawimage(imgobj, 1000, 1000); 24

25 상하 / 좌우대칭변환 scale() 메소드의인자값을조정하여구현 // 좌우대칭 context.scale( 1,1); // 상하대칭 context.scale(1, 1); 현재까지지정된변환이나사용자정의변환행렬을초기화 settransform() 메소드이용 아무런변환을지정하지않은기본상태로초기화 context.settransform(1, 0, 0, 1, 0, 0); 25

26 데이터 URL 로저장하기 그림을 PNG(Portable Network Graphics) 등형식으로저장 캔버스의 todataurl() 메소드이용 그림을 todataurl() 메소드를이용해서 PNG 형태의데이터로변환 이를캔버스요소의 src 속성으로지정하면파일로저장이가능 유의사항 var dataurl = canvas.todataurl(); canvasdom.src = dataurl; todataurl() 은캔버스컨텍스트가아닌캔버스요소객체의메소드 캔버스비트맵초기화 가장간편한방법은 clearrect(x, y, width, height) 메소드이용 (x, y) 위치를기준으로 width, height 의크기의비트맵을초기화 26

27 데이터 URL 저장예제 <canvas id="mycanvas" width="400" height="200"></canvas>... <img id="canvasimage" /> <script>... context.rect(0, 0, 400, 200); context.fillstyle = "grey"; context.fill(); var text1 = "HTML5 Text Drawing!"; context.font = "24pt Tahoma"; context.fillstyle = "red"; context.filltext(text1, 50, 50); 캔버스이미지 ( 왼쪽 ) 과데이터 URL 방식으로저장한 PNG 이미지 ( 오른쪽 ) context.linewidth = 1; context.font = "32pt San Serif"; context.strokestyle = "blue"; context.stroketext("linewidth=1", 100, 150); // Canvas 이미지를 data URL 로저장한다. 기본형식은 PNG 포맷이다. var dataurl = canvas.todataurl(); // dataurl 을 "canvasimage" 엘리먼트의 src 속성으로지정한다. document.getelementbyid("canvasimage").src = dataurl; 27

28 마우스로그림그리기예제 캔버스상에마우스이벤트를활용해그림그리기 마우스버튼을누른후이동위치를따라연속으로직선을그림 mousemove 이벤트가발생할때마다 lineto() 메소드호출 <body onmousedown="start();" onmousemove="draw();" onmouseup="stop();"> <canvas id="mycanvas" width="600" height="600" style="border style: solid;"></canvas> <script type="text/javascript"> ( 중간생략 ) var stopped = true; function start() { e = window.event; context.moveto(e.clientx 10, e.clienty 10); stopped = false; } function stop() { stopped = true; } function draw() { if (!stopped) { e = window.event; context.lineto(e.clientx 10, e.clienty 10); } } </script> </body> 28

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 11. 자바스크립트와캔버스로게임 만들기 캔버스 캔버스는 요소로생성 캔버스는 HTML 페이지상에서사각형태의영역 실제그림은자바스크립트를통하여코드로그려야한다. 컨텍스트객체 컨텍스트 (context) 객체 : 자바스크립트에서물감과붓의역할을한다. var canvas = document.getelementbyid("mycanvas"); var

More information

HTML5-11강 캔버스2 - 드로잉 확장

HTML5-11강 캔버스2 - 드로잉 확장 표준화문서를기반으로하는지침서 속이깊은 HTML5 & CSS3 김명진지음 11 강 캔버스 Part-2 - 드로잉확장 학습목표 앞장에서캔버스에서드로잉작업에필요한기본적인내용들을살펴보았다. 이번장에서는기본드로잉기능에원및원호를그리는방법, 베지에곡선을그리는방법을학습한다. 그리고다양한색상으로도형을채울수있는그라데이션스타일, 와인딩에따른도형의다양한채우기스타일, 패턴에의한스타일,

More information

PowerPoint Presentation

PowerPoint Presentation Canvas and SVG(Scalable Vector Graphics) 류관희 충북대학교 HTML5 Canvas? (1/2) The HTML5 Canvas is an Immediate Mode bit-mapped area of the screen that can be manipulated with JavaScript and CSS. The HTML5

More information

XSS Attack - Real-World XSS Attacks, Chaining XSS and Other Attacks, Payloads for XSS Attacks

XSS Attack - Real-World XSS Attacks, Chaining XSS and Other Attacks, Payloads for XSS Attacks XSS s XSS, s, May 25, 2010 XSS s 1 2 s 3 XSS s MySpace 사건. Samy (JS.Spacehero) 프로필 페이지에 자바스크립트 삽입. 스크립트 동작방식 방문자를 친구로 추가. 방문자의 프로필에 자바스크립트를 복사. 1시간 만에 백만 명이 친구등록. s XSS s 위험도가 낮은 xss 취약점을 다른 취약점과 연계하여

More information

TViX_Kor.doc

TViX_Kor.doc FF PLAY MENU STOP OK REW STEREO LEFT COAXIAL AUDIO POWER COMPOSITE COMPONENT Pb S-VIDEO COMPONENT Pr USB PORT COMPONENT Y OPTICAL AUDIO STEREO RIGHT POWER LED HDD LED TViX PLAY REMOTE RECEIVER POWER ON

More information

140109_다본다 레전드 매뉴얼

140109_다본다 레전드 매뉴얼 DBL-1000H SD 카드 / SD 카드 분리 방법 제품 사용 12 13 16~19 20 21 4G 8G 16G 32G 4G 8G 16G 32G 모드버튼 이벤트버튼 RED LED BLUE LED 시큐리티 (보안)LED 1. 함께 동봉된 메모리카드를 기기의 방향에 맞게 삽입 합니다. 2. 기기 상단부 거치대에 양면 테잎 보호 비닐을 제거해 주세요.

More information

Microsoft PowerPoint - ch02-1.ppt

Microsoft PowerPoint - ch02-1.ppt 2. Coodinte Sstems nd Tnsfomtion 20 20 2.2 Ctesin Coodintes (,, ) () (b) Figue 1.1 () Unit vectos,, nd, (b) components of long,, nd. 직각좌표계에서각변수 (,, ) 들의범위 < < < < < < (2.1) 직각좌표계에서임의의벡터 는,, 가그림 1.1 에서와같이,,

More information

오버라이딩 (Overriding)

오버라이딩 (Overriding) WindowEvent WindowEvent 윈도우가열리거나 (opened) 닫힐때 (closed) 활성화되거나 (activated) 비활성화될때 (deactivated) 최소화되거나 (iconified) 복귀될때 (deiconified) 윈도우닫힘버튼을누를때 (closing) WindowEvent 수신자 abstract class WindowListener

More information

Week3

Week3 2015 Week 03 / _ Assignment 1 Flow Assignment 1 Hello Processing 1. Hello,,,, 2. Shape rect() ellipse() 3. Color stroke() fill() color selector background() 4 Hello Processing 4. Interaction setup() draw()

More information

이 장에서 사용되는 MATLAB 명령어들은 비교적 복잡하므로 MATLAB 창에서 명령어를 직접 입력하지 않고 확장자가 m 인 text 파일을 작성하여 실행을 한다

이 장에서 사용되는 MATLAB 명령어들은 비교적 복잡하므로 MATLAB 창에서 명령어를 직접 입력하지 않고 확장자가 m 인 text 파일을 작성하여 실행을 한다 이장에서사용되는 MATLAB 명령어들은비교적복잡하므로 MATLAB 창에서명령어를직접입력하지않고확장자가 m 인 text 파일을작성하여실행을한다. 즉, test.m 과같은 text 파일을만들어서 MATLAB 프로그램을작성한후실행을한다. 이와같이하면길고복잡한 MATLAB 프로그램을작성하여실행할수있고, 오류가발생하거나수정이필요한경우손쉽게수정하여실행할수있는장점이있으며,

More information

슬라이드 1

슬라이드 1 한국산업기술대학교 제 5 강스케일링및회전 이대현교수 학습안내 학습목표 3D 오브젝트의확대, 축소및회전방법을이해한다. 학습내용 3D 오브젝트의확대및축소 (Scaling) 3D 오브젝트의회전 (Rotation) 변홖공갂 (Transform Space) SceneNode 의크기변홖 (Scale) void setscale ( Real x, Real y, Real z)

More information

HTML5

HTML5 짝맞추기게임 게임규칙 짝맞추기게임 카드가뒤집혀있으면플레이어는한번에카드두개를클릭해서일치하는카드찾기게임 만약두개의카드가일치하면이두카드를제거 그렇지않으면다시두카드를뒤집어원위치시킴 플레이어가일치하는카드를전부찾으면프로그램종료하고게임걸린시간표시 2 게임의시작예 3 4 5 게임의결과표시

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 11 곡선과곡면 01 Spline 곡선 02 Spline 곡면 03 Subdivision 곡면 C n 연속성 C 0 연속성 C 1 연속성 2 C 2 연속성 01 Spline 곡선 1. Cardinal Spline Curve 2. Hermite Spline Curve 3. Bezier Spline Curve 4. Catmull-Rom Spline Curve 5.

More information

<4D6963726F736F667420576F7264202D20495420C1A6BEC8BCAD20C0DBBCBAB0FA20C7C1B8AEC1A8C5D7C0CCBCC720B1E2B9FD2E646F63>

<4D6963726F736F667420576F7264202D20495420C1A6BEC8BCAD20C0DBBCBAB0FA20C7C1B8AEC1A8C5D7C0CCBCC720B1E2B9FD2E646F63> IT 제안서 작성과 프리젠테이션 기법 프리젠테이션은 현장에서 고객의 반응을 쉽게 파악할 수 있다는 장점이 있다. 하지만 프리젠테이션을 위해 자료를 준비하고 발표하는 작업은 그리 쉽지 않아 프리젠터는 부단한 노력이 필요하다. 이번 강좌에서는 제안서와 프리젠테이션의 차이점을 살펴보고 성공적인 프리젠테이션 절차와 방법을 알아본다. 고홍식 넷모어정보통신 교육센터 대표이사

More information

BMP 파일 처리

BMP 파일 처리 BMP 파일처리 김성영교수 금오공과대학교 컴퓨터공학과 학습내용 영상반전프로그램제작 2 Inverting images out = 255 - in 3 /* 이프로그램은 8bit gray-scale 영상을입력으로사용하여반전한후동일포맷의영상으로저장한다. */ #include #include #define WIDTHBYTES(bytes)

More information

SIGIL 완벽입문

SIGIL 완벽입문 누구나 만드는 전자책 SIGIL 을 이용해 전자책을 만들기 EPUB 전자책이 가지는 단점 EPUB이라는 포맷과 제일 많이 비교되는 포맷은 PDF라는 포맷 입니다. EPUB이 나오기 전까지 전 세계에서 가장 많이 사용되던 전자책 포맷이고, 아직도 많이 사 용되기 때문이기도 한며, 또한 PDF는 종이책 출력을 위해서도 사용되기 때문에 종이책 VS

More information

1

1 1 2 3 4 5 6 b b t P A S M T U s 7 m P P 8 t P A S M T U s 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 Chapter 1 29 1 2 3 4 18 17 16 15 5 6 7 8 9 14 13 12 11 10 1 2 3 4 5 9 10 11 12 13 14 15

More information

<4D F736F F F696E74202D20C1A63038C0E520C5ACB7A1BDBABFCD20B0B4C3BC4928B0ADC0C729205BC8A3C8AF20B8F0B5E55D>

<4D F736F F F696E74202D20C1A63038C0E520C5ACB7A1BDBABFCD20B0B4C3BC4928B0ADC0C729205BC8A3C8AF20B8F0B5E55D> Power Java 제 8 장클래스와객체 I 이번장에서학습할내용 클래스와객체 객체의일생직접 메소드클래스를 필드작성해 UML 봅시다. QUIZ 1. 객체는 속성과 동작을가지고있다. 2. 자동차가객체라면클래스는 설계도이다. 먼저앞장에서학습한클래스와객체의개념을복습해봅시다. 클래스의구성 클래스 (class) 는객체의설계도라할수있다. 클래스는필드와메소드로이루어진다.

More information

Open GL

Open GL Graphics Basic Windows & OpenGL Programming 컴퓨터그래픽스연구실 OpenGL 관련참고사이트 OpenGL 공식사이트 http://www.opengl.org/ Khronos Group http://www.khronos.org/ Nehe Productions http://nehe.gamedev.net/ OpenGL 파일설정 압축을푼후다음경로로파일을복사

More information

리포트_23.PDF

리포트_23.PDF Working Paper No 23 e-business Integrator From Strategy to Technology To remove the gap between e-biz strategy and implementation (eeyus@e-bizgroupcom) Creative Design 2001 04 24 e-business Integrator

More information

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상 Android 용 Brother Image Viewer 설명서 버전 0 KOR 아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상표입니다. Android는

More information

..........(......).hwp

..........(......).hwp START START 질문을 통해 우선순위를 결정 의사결정자가 질문에 답함 모형데이터 입력 목표계획법 자료 목표계획법 모형에 의한 해의 도출과 득실/확률 분석 END 목표계획법 산출결과 결과를 의사 결정자에게 제공 의사결정자가 결과를 검토하여 만족여부를 대답 의사결정자에게 만족하는가? Yes END No 목표계획법 수정 자료 개선을 위한 선택의 여지가 있는지

More information

차 례 4

차 례 4 제 50 회전국과학전람회 2004. 07. 20 차 례 4 - 1 - 표 2. 천체의화각 표 1. 초점거리와화각 - 2 - 그림 1. 목성의표면구조 - 3 - 그림 2. 목성위성의상호현상 - 4 - π 공전속도 원궤도의반지름 π 그림 3. 케플러회전 - 5 - 표 3. 목성의궤도자료 표 4. 목성의물리자료 표 5. 4 대위성의궤도자료및물리자료 - 6 - 그림

More information

gnu-lee-oop-kor-lec06-3-chap7

gnu-lee-oop-kor-lec06-3-chap7 어서와 Java 는처음이지! 제 7 장상속 Super 키워드 상속과생성자 상속과다형성 서브클래스의객체가생성될때, 서브클래스의생성자만호출될까? 아니면수퍼클래스의생성자도호출되는가? class Base{ public Base(String msg) { System.out.println("Base() 생성자 "); ; class Derived extends Base

More information

<4D F736F F F696E74202D204347C3E2BCAEBCF6BEF D325FC4C4C7BBC5CDB1D7B7A1C7C8BDBA20B1E2BABBBFE4BCD22E >

<4D F736F F F696E74202D204347C3E2BCAEBCF6BEF D325FC4C4C7BBC5CDB1D7B7A1C7C8BDBA20B1E2BABBBFE4BCD22E > 목차 1 점그리기 2 선그리기 3 다각형그리기 이병래교수 / 방송대컴퓨터과학과 점그리기 OpenGL - 꼭짓점지정 점 glverte* 함수 하나의좌표로표현되는기하요소 void glverte*( 좌표 ); 3 차원그래픽스에서는기본적으로,, z의세좌표축으로표현되는 3차원직교좌표계를사용하여점의좌표를표현함 와 축으로표현되는 2차원평면은 z축의값이 0인 3차원좌표로볼수있음

More information

Microsoft PowerPoint - HS6000 Full HD Subtitle Generator Module Presentation

Microsoft PowerPoint - HS6000 Full HD Subtitle Generator Module Presentation HS6000 Full HD Subtitle Generator Module High-performance Network DVR Solution Preliminary Product Overview (Without notice, following described technical spec. can be changed) AddPac Technology 2010,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 ONE page html 이란? 원페이지는최근의홈페이지제작트렌드로한페이지에상단에서하단으로의마우스스크롤링을통해서컨텐츠를보여주는스타일의홈페이지입니다. USER 의시선을분산시키지않고위쪽에서아래쪽으로마우스스크롤링을통해서홈페이지의컨텐츠를보여주게됩니다. 반응형으로제작되어스마트폰, 아이패드, 태블릿,PC, 노트북등다양한디바이스에서자동으로최적화됩니다. ONE page 웹사이트사례

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 9. 자바스크립트객체 객체 객체 (object) 는사물의속성과동작을묶어서표현하는기법 ( 예 ) 자동차는메이커, 모델, 색상, 마력과같은속성도있고출발하기, 정지하기등의동작도가지고있다. 객체의종류 객체의 2 가지종류 내장객체 (bulit-in object): 생성자가미리작성되어있다. 사용자정의객체 (custom object): 사용자가생성자를정의한다.

More information

쓰리 핸드(삼침) 요일 및 2405 요일 시간, 및 요일 설정 1. 용두를 2의 위치로 당기고 반시계방향으로 돌려 전날로 를 설정합니다. 2. 용두를 시계방향으로 돌려 전날로 요일을 설정합니다. 3. 용두를 3의 위치로 당기고 오늘 와 요일이 표시될 때까지 시계방향으로

쓰리 핸드(삼침) 요일 및 2405 요일 시간, 및 요일 설정 1. 용두를 2의 위치로 당기고 반시계방향으로 돌려 전날로 를 설정합니다. 2. 용두를 시계방향으로 돌려 전날로 요일을 설정합니다. 3. 용두를 3의 위치로 당기고 오늘 와 요일이 표시될 때까지 시계방향으로 한국어 표준 설정안내 서브 초침 시간 및 설정 1. 용두를 2의 위치로 뽑아냅니다. 2. 용두를 시계방향 또는 반시계방향으로 돌려(모델에 따라 다름) 를 전날로 설정합니다. 3. 용두를 3의 위치로 당기고 현재 가 표시될 때까지 시계방향으로 돌립니다. 4. 용두를 계속 돌려 정확한 오전/오후 시간을 설정합니다. 5. 용두를 1의 위치로 되돌립니다. 169 쓰리

More information

435-040 경기도 군포시 엘에스로 153-8, 6 층 ( 산본동, 금정하이뷰 ), 한국미쓰도요 (주) TEL 82 31 361-4200 FAX 82 31 361-4201 구입문의 디자인, 사양등은 상품개량을 위해 일부 변경되는 경우도 있습니다. 970 1309(1)

435-040 경기도 군포시 엘에스로 153-8, 6 층 ( 산본동, 금정하이뷰 ), 한국미쓰도요 (주) TEL 82 31 361-4200 FAX 82 31 361-4201 구입문의 디자인, 사양등은 상품개량을 위해 일부 변경되는 경우도 있습니다. 970 1309(1) CONTRACER K15003(2). 435-040 경기도 군포시 엘에스로 153-8, 6 층 ( 산본동, 금정하이뷰 ), 한국미쓰도요 (주) TEL 82 31 361-4200 FAX 82 31 361-4201 구입문의 디자인, 사양등은 상품개량을 위해 일부 변경되는 경우도 있습니다. 970 1309(1) A(R)R CONTRACER CV-1000N2 스탠드는

More information

Microsoft Word - FunctionCall

Microsoft Word - FunctionCall Function all Mechanism /* Simple Program */ #define get_int() IN KEYOARD #define put_int(val) LD A val \ OUT MONITOR int add_two(int a, int b) { int tmp; tmp = a+b; return tmp; } local auto variable stack

More information

(8) getpi() 함수는정적함수이므로 main() 에서호출할수있다. (9) class Circle private double radius; static final double PI= ; // PI 이름으로 로초기화된정적상수 public

(8) getpi() 함수는정적함수이므로 main() 에서호출할수있다. (9) class Circle private double radius; static final double PI= ; // PI 이름으로 로초기화된정적상수 public Chapter 9 Lab 문제정답 1. public class Circle private double radius; static final double PI=3.141592; // PI 이름으로 3.141592 로초기화된정적상수 (1) public Circle(double r) radius = r; (2) public double getradius() return

More information

**Market Ins_잇단

**Market Ins_잇단 2012 2 NETWORK TIMES 149 01. 150 www.datanet.co.kr 2012 2 NETWORK TIMES 151 152 www.datanet.co.kr 2012 2 NETWORK TIMES 153 154 www.datanet.co.kr 2012 2 NETWORK TIMES 155 156 www.datanet.co.kr 02. 2012

More information

**창간특집1-스마트

**창간특집1-스마트 20119 NETWORK TIMES 127 1 2 128 www.datanet.co.kr 20119 NETWORK TIMES 129 130 www.datanet.co.kr 20119 NETWORK TIMES 131 132 www.datanet.co.kr 20119 NETWORK TIMES 133 134 www.datanet.co.kr 1 2 20119 NETWORK

More information

*½ºÆä¼È¸®Æ÷Æ®-½ºÅ丮Áö

*½ºÆä¼È¸®Æ÷Æ®-½ºÅ丮Áö 201011 NETWORK TIMES 129 130 www.datanet.co.kr 201011 NETWORK TIMES 131 132 www.datanet.co.kr 201011 NETWORK TIMES 133 134 www.datanet.co.kr 201011 NETWORK TIMES 135 136 www.datanet.co.kr 201011 NETWORK

More information

TFT 2015 04 02 03 3.57 3.98 3.36 3.68 4.06 5% 41% 3.45 3.26 0 1 2 3 4 5 47% 7.1% 13.6% 2.2% 29.3% 13.0% 10.9% 7% 0% 23.9% 24.3% 20.6% 7.5% 5.6% 23.4% 18.7% 15.8% 6.6% 7.7% 20.2% 18.6% 12.0% 19.2% 04 05

More information

문제지 제시문 2 보이지 않는 영역에 대한 정보를 얻기 위하여 관측된 다른 정보를 분석하여 역으로 미 관측 영역 에 대한 정보를 얻을 수 있다. 가령 주어진 영역에 장애물이 있는 경우 한 끝 점에서 출발하여 다른 끝 점에 도달하는 최단 경로의 개수를 분석하여 장애물의

문제지 제시문 2 보이지 않는 영역에 대한 정보를 얻기 위하여 관측된 다른 정보를 분석하여 역으로 미 관측 영역 에 대한 정보를 얻을 수 있다. 가령 주어진 영역에 장애물이 있는 경우 한 끝 점에서 출발하여 다른 끝 점에 도달하는 최단 경로의 개수를 분석하여 장애물의 제시문 문제지 2015학년도 대학 신입학생 수시모집 일반전형 면접 및 구술고사 수학 제시문 1 하나의 동전을 던질 때, 앞면이나 뒷면이 나온다. 번째 던지기 전까지 뒷면이 나온 횟수를 라 하자( ). 처음 던지기 전 가진 점수를 점이라 하고, 번째 던졌을 때, 동전의 뒷면이 나오면 가지고 있던 점수를 그대로 두고, 동전의 앞면이 나오면 가지고 있던 점수를 배

More information

2. 4. 1. 업무에 활용 가능한 플러그인 QGIS의 큰 들을 찾 아서 특징 설치 마 폰 은 스 트 그 8 하 이 업무에 필요한 기능 메뉴 TM f K 플러그인 호출 와 TM f K < 림 > TM f K 종항 그 중에서 그 설치 듯 할 수 있는 플러그인이 많이 제공된다는 것이다. < 림 > 다. 에서 어플을 다운받아 S or 8, 9 의 S or OREA

More information

일반인을 위한 전자책 제작 방법

일반인을 위한 전자책 제작 방법 국립중앙도서관 디지털 정보활용능력 교육 이펍(ePub) 제작 입문 2015. 6. 강사 : 최 현 이북스펍 대표 (http://ebookspub.co.kr) - 1 - - 강의 내용 - 1. epub 이란 무엇인가 1.1. 전자책 출판 프로세스 이해 1.2. 전자책의 다양한 형태와 제작방식 1.2. epub 개념 이해 및 제작툴 종류 2. epub 제작툴 소개

More information

소개 SketchBook Pro for Android 스케칭... 6 갤럭시 노트용 SketchBook Pro 사용자에 대한 안내... 6 S Pen 사용자를 위한 S Menu... 7 Easy Clip (이지 클립)... 7 클러치... 7 도구 모음... 8 정보

소개 SketchBook Pro for Android 스케칭... 6 갤럭시 노트용 SketchBook Pro 사용자에 대한 안내... 6 S Pen 사용자를 위한 S Menu... 7 Easy Clip (이지 클립)... 7 클러치... 7 도구 모음... 8 정보 Autodesk SketchBook Pro 소개 SketchBook Pro for Android 스케칭... 6 갤럭시 노트용 SketchBook Pro 사용자에 대한 안내... 6 S Pen 사용자를 위한 S Menu... 7 Easy Clip (이지 클립)... 7 클러치... 7 도구 모음... 8 정보 도구 모음... 9 제스처... 9 캔버스 확대

More information

<C0CCBCBCBFB52DC1A4B4EBBFF82DBCAEBBE7B3EDB9AE2D313939392D382E687770> i ii iii iv v vi 1 2 3 4 가상대학 시스템의 국내외 현황 조사 가상대학 플랫폼 개발 이상적인 가상대학시스템의 미래상 제안 5 웹-기반 가상대학 시스템 전통적인 교수 방법 시간/공간 제약을 극복한 학습동기 부여 교수의 일방적인 내용전달 교수와 학생간의 상호작용 동료 학생들 간의 상호작용 가상대학 운영 공지사항,강의록 자료실, 메모 질의응답,

More information

html5.key

html5.key HTML5/CSS3/JavaScript Programming( ) 1 / meteorstartup@gmail.com Meteor Startup (http://meteorstartup.com) / / DB (with Meteor.js) 2 KT DataSystem OS X/iOS Meteor.js Getting Started RHCSA / RHCE 3 1. 1

More information

5장. JSP와 Servlet 프로그래밍을 위한 기본 문법(완성-0421).hwp

5장. JSP와 Servlet 프로그래밍을 위한 기본 문법(완성-0421).hwp 1 0 1.7 6 5 'A ' '/ u 4 4 2 2 ' " JS P 프로그래밍 " A ', 'b ', ' 한 ', 9, \ u d 6 5 4 ' c h a r a = 'A '; 0 1 0 2 0 3 0 4 0 5 0 6 0 7 0 8 0 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 < % @ p a g e c o n te n

More information

Microsoft PowerPoint - 04-UDP Programming.ppt

Microsoft PowerPoint - 04-UDP Programming.ppt Chapter 4. UDP Dongwon Jeong djeong@kunsan.ac.kr http://ist.kunsan.ac.kr/ Dept. of Informatics & Statistics 목차 UDP 1 1 UDP 개념 자바 UDP 프로그램작성 클라이언트와서버모두 DatagramSocket 클래스로생성 상호간통신은 DatagramPacket 클래스를이용하여

More information

그래픽 프로그래밍

그래픽 프로그래밍 제 13 장그래픽프로그래밍 13.1 베지어곡선 실습 13-1 알고리즘을통한베지어곡선그리기 실습 13-2 컨트롤포인트이동및베지어곡선 해상도설정하기 그래픽프로그래밍 베지어곡선 베지어곡선알고리즘은곡선을생성하는대표적이고기본이되는알고리즘이다. MFC 에서의베지어곡선함수 BOOL PolyBezier(const POINT* lppoints, int ncount); lppoints

More information

Contents All about Coco Chanel All about Brand Chanel 1 샤넬의 로고에 관해 6 1 샤넬의 뮤즈들(칼 라거펠트의 뮤즈들) 2 가브리엘 코코 샤넬 6 -뮤즈란? 34 3 샤넬이란? 7-80년대~90년대 초 36 4 디자이너 샤넬

Contents All about Coco Chanel All about Brand Chanel 1 샤넬의 로고에 관해 6 1 샤넬의 뮤즈들(칼 라거펠트의 뮤즈들) 2 가브리엘 코코 샤넬 6 -뮤즈란? 34 3 샤넬이란? 7-80년대~90년대 초 36 4 디자이너 샤넬 I T S A L L A B O U T C H A N E L Contents All about Coco Chanel All about Brand Chanel 1 샤넬의 로고에 관해 6 1 샤넬의 뮤즈들(칼 라거펠트의 뮤즈들) 2 가브리엘 코코 샤넬 6 -뮤즈란? 34 3 샤넬이란? 7-80년대~90년대 초 36 4 디자이너 샤넬이 되기까지 -90년대~00년대

More information

System Recovery 사용자 매뉴얼

System Recovery 사용자 매뉴얼 Samsung OS Recovery Solution 을이용하여간편하게 MagicInfo 의네트워크를설정하고시스템을백업및복원할수있습니다. 시스템시작시리모컨의 - 버튼이나키보드의 F3 키를연속해서누르면복구모드로진입한후 Samsung OS Recovery Solution 이실행됩니다. Samsung OS Recovery Solution 은키보드와리모컨을사용하여조작할수있습니다.

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 5. CSS 박스모델과응용 박스모델 HTML 요소들을박스 ( 사각형 ) 형태로그리는것 박스는배치, 색상, 경계등의속성을가진다. 박스모델의속성 배경색과배경이미지 HTML 요소에배경색과배경이미지가설정되어있는경우에, 패딩은투명하므로배경이미지와배경색이보이게된다 ( 그림출처 : Jon Hicks) 경계선스타일

More information

슬라이드 1

슬라이드 1 핚국산업기술대학교 제 14 강 GUI (III) 이대현교수 학습안내 학습목표 CEGUI 라이브러리를이용하여, 게임메뉴 UI 를구현해본다. 학습내용 CEGUI 레이아웃의로딩및렌더링. OIS 와 CEGUI 의연결. CEGUI 위젯과이벤트의연동. UI 구현 : 하드코딩방식 C++ 코드를이용하여, 코드내에서직접위젯들을생성및설정 CEGUI::PushButton* resumebutton

More information

7) 다음의 다음 9) 남학생과 9. zb 여학생 각각 명이 갖고 있는 여름 티 셔츠의 개수를 조사하여 꺾은선그래프로 나타낸 것 이다. 이 두 그래프의 설명으로 옳지 않은 것은? ㄱ. ㄴ. 회째의 수학 점수는 점이다. 수학 점수의 분산은 이다. ㄷ. 영어점수가 수학 점

7) 다음의 다음 9) 남학생과 9. zb 여학생 각각 명이 갖고 있는 여름 티 셔츠의 개수를 조사하여 꺾은선그래프로 나타낸 것 이다. 이 두 그래프의 설명으로 옳지 않은 것은? ㄱ. ㄴ. 회째의 수학 점수는 점이다. 수학 점수의 분산은 이다. ㄷ. 영어점수가 수학 점 1) 은경이네 2) 어느 3) 다음은 자연수 그림은 6) 학생 학년 고사종류 과목 과목코드번호 성명 3 2012 2학기 중간고사 대비 수학 201 대청중 콘텐츠산업 진흥법 시행령 제33조에 의한 표시 1) 제작연월일 : 2012-08-27 2) 제작자 : 교육지대 3) 이 콘텐츠는 콘텐츠산업 진흥법 에 따라 최초 제작일부터 년간 보호됩니다. 콘텐츠산업 진흥법

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 사용자계정관리 운영체제실습 목차 Ⅲ. 사용자계정관리 4.1 사용자계정관리 4.2 그룹관리 4.3 사용자계정관련파일 4.4 패스워드관리 4.5 사용자신분확인 4.1 사용자계정관리 사용자생성관련명령어 사용자생성 : useradd / adduser 사용자삭제 : userdel 사용자정보변경 : usermod 패스워드설정및변경 : passwd 그룹생성관련명령어 group

More information

BEef 사용법.pages

BEef 사용법.pages 1.... 3 2.... 3 (1)... 3 (2)... 5 3. BeEF... 7 (1) BeEF... 7 (2)... 8 (3) (Google Phishing)... 10 4. ( )... 13 (1)... 14 (2) Social Engineering... 17 (3)... 19 (4)... 21 5.... 22 (1)... 22 (2)... 27 (3)

More information

예제 2) Test.java class A intvar= 10; void method() class B extends A intvar= 20; 1"); void method() 2"); void method1() public class Test 3"); args) A

예제 2) Test.java class A intvar= 10; void method() class B extends A intvar= 20; 1); void method() 2); void method1() public class Test 3); args) A 제 10 장상속 예제 1) ConstructorTest.java class Parent public Parent() super - default"); public Parent(int i) this("hello"); super(int) constructor" + i); public Parent(char c) this(); super(char) constructor

More information

SMT-1722-1922-Kor.indd

SMT-1722-1922-Kor.indd SMT-2231 사용 설명서 첨부물 포장상자 개봉 후 제품은 튼튼하고 평평한 곳이나 설치장소에 놓고, 다음 내용물이 전부 있는지 체크하세요. TFT LCD 모니터 리모컨&건전지 VGA 신호케이블 전원코드 모니터 설치안내서 사용설명 CD 조작부 설명 전면조작부 적외선 센서 리모컨 센서 수신부 / PIP 동작중인 기능의 레벨증가 및 OSD메뉴 선택합니다.

More information

**¼Û³âƯÁý2

**¼Û³âƯÁý2 2010 12 NETWORK TIMES 121 SPECIAL 01. 122 www.datanet.co.kr 2010 12 NETWORK TIMES 123 SPECIAL 01. 124 www.datanet.co.kr 2010 12 NETWORK TIMES 125 SPECIAL 02. 126 www.datanet.co.kr 2010 12 NETWORK TIMES

More information

class Sale void makelineitem(productspecification* spec, int qty) SalesLineItem* sl = new SalesLineItem(spec, qty); ; 2. 아래의액티비티다이어그램을보고 Java 또는 C ++,

class Sale void makelineitem(productspecification* spec, int qty) SalesLineItem* sl = new SalesLineItem(spec, qty); ; 2. 아래의액티비티다이어그램을보고 Java 또는 C ++, Level 1은객관식사지선다형으로출제예정 1. 다음은 POST(Post of Sales Terminal) 시스템의한콜레보레이션다이어그램이다. POST 객체의 enteritem(upc, qty) 와 Sale 객체의 makellineitem(spec,qty) 를 Java 또는 C ++, C # 언어로구현하시오. 각메소드구현과관련하여각객체내에필요한선언이있으면선언하시오.

More information

위하다. 하지만 지금까지 시민사회의 논의는 주로 국내 핵발전소의 안전과 이에 따른 재난으로 논의가 국한되고 있는 측면이 있다. 사고의 파급력과 파괴력은 국내 핵발전소 사고가 더 크겠지 만, 그간 역사를 통해 우리가 경험한 방사능 재난은 이보다 다양하며, 오늘의 논의 과

위하다. 하지만 지금까지 시민사회의 논의는 주로 국내 핵발전소의 안전과 이에 따른 재난으로 논의가 국한되고 있는 측면이 있다. 사고의 파급력과 파괴력은 국내 핵발전소 사고가 더 크겠지 만, 그간 역사를 통해 우리가 경험한 방사능 재난은 이보다 다양하며, 오늘의 논의 과 < 우리는 원전사고로부터 안전하게 대처할 준비가 되어 있는가? (2014.5.21.), 아이들에게 핵없는 세상을 위 한 국회의원연구모임 주최 토론회 토론문> 방사능 재해 대책, 원안위를 뛰어넘는 새로운 종합재난기구가 필요하다. 1) - 후쿠시마 핵사고와 후타바병원 참사를 통해 본 방사능재난과 대책 - 이헌석(에너지정의행동) 1. 방사능 재난, 우리나라의 현황

More information

F120L(JB)_UG_V1.0_ indd

F120L(JB)_UG_V1.0_ indd 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 전화끊기, 통화중메뉴사용하기 전화통화를종료하려면 통화중 ➌ ( 끊기 ) 를누르세요. 전원버튼으로통화종료 ( 124쪽 ) 로설정한경우통화중전원

More information

FileMaker Go 13 5 5 5 6 6 7 8 8 10 10 10 10 10 11 11 11 11 11 11 11 12 12 12 12 12 12 12 12 15 4 17 17 17 18 18 18 18 18 19 19 19 19 19 19 20 20 20 21 21 22 22 22 22 23 23 1. 2. 3. 4. 5. 6. 1. 2. 3. 1

More information

디지털 공학

디지털 공학 캡스톤디자인 App Inventor 디지털전자정보계열 앱 인벤터란? MIT 대학 미디어 랩 연구실에서 만든 안드로 이드용 스마트폰 앱 제작하는 블록 프로그래 밍 기법의 비주얼 프로그래밍 도구이다. 스마트폰의 화면을 디자인하고 블록들을 조 립하면 우리가 원하는 앱을 만들 수 있다. 인터넷이 연결된 곳에서는 어디서라도 접속 하여 앱 화면을 직접 디자인하고 프로그래밍

More information

스키 점프의 생체역학적 연구

스키 점프의 생체역학적 연구 연구 대상자 연령(세) 신장(cm) 체중(kg) 운동경력(년) 스키 플레이트 특성 길이(cm) 무게(kg) A(CYJ) 21 162.0 53 12 237 3.56 B(KCK) 19 173.0 55 8 253 3.80 C(KHK) 20 175.0 62 12 256 3.80 선행 연구 변인 조사 ꀻ 실험 계획 및 설계 ꀻ 촬 영 ꀻ 디지타이징 위치 좌표 계산 운동학적

More information

Microsoft PowerPoint - Lect04.pptx

Microsoft PowerPoint - Lect04.pptx OBJECT ORIENTED PROGRAMMING Object Oriented Programming 이강의록은 Power Java 저자의강의록을사용했거나재편집된것입니다. Class 와 object Class 와객체 클래스의일생 메소드 필드 String Object Class 와객체 3 클래스 클래스의구성 클래스 (l (class): 객체를만드는설계도 클래스로부터만들어지는각각의객체를특별히그클래스의인스턴스

More information

* Factory class for query and DML clause creation * tiwe * */ public class JPAQueryFactory implements JPQLQueryFactory private f

* Factory class for query and DML clause creation * tiwe * */ public class JPAQueryFactory implements JPQLQueryFactory private f JPA 에서 QueryDSL 사용하기위해 JPAQuery 인스턴스생성방법 http://ojc.asia, http://ojcedu.com 1. JPAQuery 를직접생성하기 JPAQuery 인스턴스생성하기 QueryDSL의 JPAQuery API를사용하려면 JPAQuery 인스턴스를생성하면된다. // entitymanager는 JPA의 EntityManage

More information

HTML5 웹 콘텐츠 제작_ indd

HTML5 웹 콘텐츠 제작_ indd 찾아보기 ㄱ 강체 77, 79, 83 개발자도구 54 검색 API 97, 108 고정물 (fixture) 77 광각렌즈 248, 263 구글 CDN 페이지 223, 224 그림영역 (Drawing Surface) 247 ㄴ 내부 IP 329, 334 ㄷ 단위행렬 37, 256 단일 var 패턴 (single var pattern) 56 데몬 293 두들 9

More information

슬라이드 1

슬라이드 1 핚국산업기술대학교 제 9 강캐릭터컨트롤러 이대현교수 학습안내 학습목표 씬노드의구성및회전방법을응용하여, 구면카메라및캐릭터컨트롤을구현해본다. 학습내용 구면카메라구현을위한씬노드구성및회전캐릭터컨트롤을위한씬노구구성및회전 카메라및캐릭터컨트롤구현목표 카메라컨트롤 WOW의카메라컨트롤 ( 구면카메라 ) 마우스를이용한좌우패닝, 상하피칭. 휠스크롤을이용한줌인및줌아웃. 캐릭터를중심으로회전됨.

More information

6. Separate HDD by pulling in the arrow direction. * Cautions Avoid lifting HDD excessively, because Connector can be damaged ODD Remove

6. Separate HDD by pulling in the arrow direction. * Cautions Avoid lifting HDD excessively, because Connector can be damaged ODD Remove 3-1. Disassembly and Reassembly R510 [Caution] Attention to red sentence. 2 2 1. Before disassembling, the AC adaptor and Battery must be separated. 2. AS mark No.1/2 put KNOB-Battery to end of each side,

More information

*2008년1월호진짜

*2008년1월호진짜 3. USB 이동식저장장치를이용하여전파되는악성코드분석 1. 개 요 최근 USB 이동식 저장장치를 통하여 전파되는 악성코드에 대한 감염피해가 증가하고 있어 주의가 필요하다. 이번에 확인된 ntion.exe 악성코드는 감염 시, 특정 사이트에 접속하여 추가 악성코드를 다운로드하는 Dropper 기능을 수행한다. 또한, 웹 서버가 감염될 경우는 웹 서버내의 웹 페이지가

More information

20주년용

20주년용 지상파 하이브리드 TV 시스템 개발 초고속 통신망의 발전으로 인터넷을 통한 고화질 비디오 서비스가 가능하게 되었고, IPTV 서비스 등의 방통융합서비스도 본격화되고 있 또한 최근에는 단순한 방송시청 뿐 만 아니라 검색이나 SNS 서비스 등의 다양한 기능을 가진 스마트TV도 등장하였 이에 따라 방송 이외의 매체를 통한 비디오 콘텐츠 소비가 증가하고 있고, IT사업자들과

More information

ch3.hwp

ch3.hwp 미디어정보처리 (c) -4 한남대 정보통신멀티미디어학부 MCCLab. - -...... (linear filtering). Z k = n i = Σn m Σ j = m M ij I ji 컨볼루션 영역창 I I I I 3 I 4 I 5 I 6 I 7 I 8 x 컨볼루션 마스크 M M M M 3 M 4 M 5 M 6 M 7 M 8 I 입력 영상 Z 4 = 8 k

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 SECUINSIDE 2017 Bypassing Web Browser Security Policies DongHyun Kim (hackpupu) Security Researcher at i2sec Korea University Graduate School Agenda - Me? - Abstract - What is HTTP Secure Header? - What

More information

KPS-19MA-1.hwp

KPS-19MA-1.hwp 판서모니터 사양(모델명 KPS-19MA) 모델명 KPS-19MA 화면크기 19.0 inch 해상도 1280 (H)x1024 (v) 픽셀크기 0.294 x0.294 mm 화소 16.7M (8 bits/color) 선명도 800:1 밝기 300 cd/m2 응답속도 Tr+Tf=5 ms 시야각 +80 ~80 (H), +80 ~80 (V) Tablet Specification

More information

나. 사진 데이터 도림(아웃라인) 사진 데이터에 도림(아웃라인)을 처리하는 작업. 기본 요금 구 (단위:원/점) 분 작업내용 가공비용 난이도A 단순한 직선, 곡선 4,000 난이도B 직선, 곡선이 혼재 9,000 난이도C 복잡한 직선, 곡선 15,000 산출 방법 점수 가공 단가 사진 데이터 도림(아웃라인) 난이도 견본 난이도A 난이도B - 20 - 난이도

More information

LCD Display

LCD Display LCD Display SyncMaster 460DRn, 460DR VCR DVD DTV HDMI DVI to HDMI LAN USB (MDC: Multiple Display Control) PC. PC RS-232C. PC (Serial port) (Serial port) RS-232C.. > > Multiple Display

More information

학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2

학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2 학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2 6.1 함수프로시저 6.2 서브프로시저 6.3 매개변수의전달방식 6.4 함수를이용한프로그래밍 3 프로시저 (Procedure) 프로시저 (Procedure) 란무엇인가? 논리적으로묶여있는하나의처리단위 내장프로시저 이벤트프로시저, 속성프로시저, 메서드, 비주얼베이직내장함수등

More information

PowerSHAPE 따라하기 Calculate 버튼을 클릭한다. Close 버튼을 눌러 미러 릴리프 페이지를 닫는다. D 화면을 보기 위하여 F 키를 누른다. - 모델이 다음과 같이 보이게 될 것이다. 열매 만들기 Shape Editor를 이용하여 열매를 만들어 보도록

PowerSHAPE 따라하기 Calculate 버튼을 클릭한다. Close 버튼을 눌러 미러 릴리프 페이지를 닫는다. D 화면을 보기 위하여 F 키를 누른다. - 모델이 다음과 같이 보이게 될 것이다. 열매 만들기 Shape Editor를 이용하여 열매를 만들어 보도록 PowerSHAPE 따라하기 가구 장식 만들기 이번 호에서는 ArtCAM V를 이용하여 가구 장식물에 대해서 D 조각 파트를 생성해 보도록 하겠다. 중심 잎 만들기 투 레일 스윕 기능을 이용하여 개의 잎을 만들어보도록 하겠다. 미리 준비된 Wood Decoration.art 파일을 불러온다. Main Leaves 벡터 레이어를 on 시킨다. 릴리프 탭에 있는

More information

사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사

사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사 IDIS Mobile Android 사용설명서 Powered by 사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사양 및 버전에 따라 일부

More information

Microsoft PowerPoint - 기계공학실험1-1MATLAB_개요2D.pptx

Microsoft PowerPoint - 기계공학실험1-1MATLAB_개요2D.pptx 1. MATLAB 개요와 활용 기계공학실험 I 2013년 2학기 MATLAB 시작하기 이장의내용 MATLAB의여러창(window)들의 특성과 목적 기술 스칼라의 산술연산 및 기본 수학함수의 사용. 스칼라 변수들(할당 연산자)의 정의 및 변수들의 사용 방법 스크립트(script) 파일에 대한 소개와 간단한 MATLAB 프로그램의 작성, 저장 및 실행 MATLAB의특징

More information

server name>/arcgis/rest/services server name>//rest/services ArcGIS 10.1 for Server System requirements - 지

server name>/arcgis/rest/services  server name>/<web adaptor name>/rest/services ArcGIS 10.1 for Server System requirements - 지 ArcGIS for Server (Windows) 설치가이드 ArcGIS 10.2 for Server 설치변경사항 1 설치 간편해진설치 -.Net Framework나 Java Runtime 요구하지않음 - 웹서버 (IIS, WebSphere ) 와별도로분리되어순수하게웹서비스기반의 GIS 서버역할 - ArcGIS Server 계정을이용한서비스운영. 더이상 SOM,

More information

<4D F736F F F696E74202D20BBB7BBB7C7D15F FBEDFB0A3B1B3C0B05FC1A634C0CFC2F72E BC8A3C8AF20B8F0B5E55D>

<4D F736F F F696E74202D20BBB7BBB7C7D15F FBEDFB0A3B1B3C0B05FC1A634C0CFC2F72E BC8A3C8AF20B8F0B5E55D> 뻔뻔한 AVR 프로그래밍 The 4 th Lecture 유명환 ( yoo@netplug.co.kr) 1 시간 (Time) 에대한정의 INDEX 2 왜타이머 (Timer) 와카운터 (Counter) 인가? 3 ATmega128 타이머 / 카운터동작구조 4 ATmega128 타이머 / 카운터관련레지스터 5 뻔뻔한노하우 : 레지스터비트설정방법 6 ATmega128

More information

가. 페이퍼리스 인프라 구현 페이퍼리스(paperless) 프로세스의 변화 Green IT 정책 종이문서에 소요되는 제반비용의 증가 등을 이유로 전자문서의 활용 시스템에 대한 사회적 요청 제기 등으로 대변되는 Paperless Office 패러다임 종이문서의 사용을 지양하고, 전자문서를 중심으로 하는 새로운 업무처리 프로세스를 정립 (1975)

More information

SBR-100S User Manual

SBR-100S User Manual ( 1 / 13 ) SBR-100S 모델에 대한 사용자 펌웨어 업그레이드 방법을 안내해 드립니다. SBR-100S 는 신규 펌웨어가 있을시 FOTA(자동업데이트) 기능을 통하여 자동 업그레이드가 되며, 필요시 사용자가 신규 펌웨어를 다운받아 수동으로 업그레이드 할 수 있습니다. 1. 준비하기 1.1 연결 장치 준비 펌웨어 업그레이드를 위해서는 SBR-100S

More information

목차 제 1 장 inexio Touch Driver소개... 3 1.1 소개 및 주요 기능... 3 1.2 제품사양... 4 제 2 장 설치 및 실행... 5 2.1 설치 시 주의사항... 5 2.2 설치 권고 사양... 5 2.3 프로그램 설치... 6 2.4 하드웨

목차 제 1 장 inexio Touch Driver소개... 3 1.1 소개 및 주요 기능... 3 1.2 제품사양... 4 제 2 장 설치 및 실행... 5 2.1 설치 시 주의사항... 5 2.2 설치 권고 사양... 5 2.3 프로그램 설치... 6 2.4 하드웨 최종 수정일: 2010.01.15 inexio 적외선 터치스크린 사용 설명서 [Notes] 본 매뉴얼의 정보는 예고 없이 변경될 수 있으며 사용된 이미지가 실제와 다를 수 있습니다. 1 목차 제 1 장 inexio Touch Driver소개... 3 1.1 소개 및 주요 기능... 3 1.2 제품사양... 4 제 2 장 설치 및 실행... 5 2.1 설치 시

More information

CorelDRAW Graphics Suite X5 Reviewer's Guide (KR)

CorelDRAW Graphics Suite X5 Reviewer's Guide (KR) 리뷰어 설명서 목차 1 CorelDRAW Graphics Suite X5 소개... 2 2 고객 프로파일...4 그래픽 전문가...4 그래픽 비전문가...4 3 내용물...6 4 새롭게 향상된 주요 기능...8 컨텐츠에 연결...8 빠르게 시작... 10 자신있게 만들기... 11 자신있게 색상 사용... 15 손쉽게 출력... 17 5 새롭게 향상된 기능

More information

src.hwp

src.hwp 의료기기 사고 위기관리 매뉴얼 2014. 4월 식 품 의 약 품 안 전 처 이 매뉴얼은 의료기기 사고로 인한 위기 발생을 예방 하고, 위기가 확산되는 것을 차단 수습하기 위하여 관련 기관 부서가 수행해야 할 절차 및 조치사항 등을 규정하고 있음. 관련 기관 부서는 이 매뉴얼에 따라 의료기기 위기관리 업무를 수행하여야 함. 다만, 다양한 상황 여건에 따라 이

More information

Jwplayer 요즘 웹에서 동영상 재생을 목적으로 많이 쓰이는 jwplayer의 설치와 사용하기 입니다. jwplayer홈페이지 : http://www.longtailvideo.com 위의 홈페이지에 가시면 JWplayer를 다운 받으실 수 있습니다. 현재 5.1버전

Jwplayer 요즘 웹에서 동영상 재생을 목적으로 많이 쓰이는 jwplayer의 설치와 사용하기 입니다. jwplayer홈페이지 : http://www.longtailvideo.com 위의 홈페이지에 가시면 JWplayer를 다운 받으실 수 있습니다. 현재 5.1버전 Jwplayer Guide Jwplayer 요즘 웹에서 동영상 재생을 목적으로 많이 쓰이는 jwplayer의 설치와 사용하기 입니다. jwplayer홈페이지 : http://www.longtailvideo.com 위의 홈페이지에 가시면 JWplayer를 다운 받으실 수 있습니다. 현재 5.1버전까지 나왔으며 편리함을 위해서 아래를 링크를 걸어둡니다 [다운로드]

More information

Microsoft PowerPoint - 13prac.pptx

Microsoft PowerPoint - 13prac.pptx Viewing 1 th Week, 29 OpenGL Viewing Functions glulookat() Defining a viewing matrix glortho() Creating a matrix for an orthographic parallel viewing i volume glfrustum() Creating a matrix for a perspective-view

More information

CAD 화면상에 동그란 원형 도형이 생성되었습니다. 화면상에 나타난 원형은 반지름 500인 도형입니다. 하지만 반지름이 500이라는 것은 작도자만 알고 있는 사실입니다. 반지름이 500이라는 것을 클라이언트와 작업자들에게 알려주기 위 해서는 반드시 치수가 필요하겠죠?

CAD 화면상에 동그란 원형 도형이 생성되었습니다. 화면상에 나타난 원형은 반지름 500인 도형입니다. 하지만 반지름이 500이라는 것은 작도자만 알고 있는 사실입니다. 반지름이 500이라는 것을 클라이언트와 작업자들에게 알려주기 위 해서는 반드시 치수가 필요하겠죠? 실무 인테리어를 위한 CAD 프로그램 활용 인테리어 도면 작도에 꼭 필요한 명령어 60개 Ⅷ 이번 호에서는 DIMRADIUS, DIMANGULAR, DIMTEDIT, DIMSTYLE, QLEADER, 5개의 명령어를 익히도록 하겠다. 라경모 온라인 설계 서비스 업체 '도면창고' 대 표를 지낸 바 있으며, 현재 나인슈타인 을 설립해 대표 를맡고있다. E-Mail

More information

1아이패드(13~54)

1아이패드(13~54) 1 14 15 16 17 2 18 19 20 21 22 1아이패드(13~54) 2013.12.4 2:54 PM 페이지23 2 PC와 iphone/ipad 사이에서 데이터 주고받기 제 1 장 탭 선택 선택 탭 ❷ 그러면 Wi-Fi와 Bluetooth가 선택 가능합니다. [Bluetooth]를 선택하여, 보내려는 디바이스를 탭하면 데이터가 전송됩니다. 선택 ifiles는

More information

MySQL-.. 1

MySQL-.. 1 MySQL- 기초 1 Jinseog Kim Dongguk University jinseog.kim@gmail.com 2017-08-25 Jinseog Kim Dongguk University jinseog.kim@gmail.com MySQL-기초 1 2017-08-25 1 / 18 SQL의 기초 SQL은 아래의 용도로 구성됨 데이터정의 언어(Data definition

More information

VOL.76.2008/2 Technical SmartPlant Materials - Document Management SmartPlant Materials에서 기본적인 Document를 관리하고자 할 때 필요한 세팅, 파일 업로드 방법 그리고 Path Type인 Ph

VOL.76.2008/2 Technical SmartPlant Materials - Document Management SmartPlant Materials에서 기본적인 Document를 관리하고자 할 때 필요한 세팅, 파일 업로드 방법 그리고 Path Type인 Ph 인터그래프코리아(주)뉴스레터 통권 제76회 비매품 News Letters Information Systems for the plant Lifecycle Proccess Power & Marine Intergraph 2008 Contents Intergraph 2008 SmartPlant Materials Customer Status 인터그래프(주) 파트너사

More information

Chapter 4. LISTS

Chapter 4. LISTS C 언어에서리스트구현 리스트의생성 struct node { int data; struct node *link; ; struct node *ptr = NULL; ptr = (struct node *) malloc(sizeof(struct node)); Self-referential structure NULL: defined in stdio.h(k&r C) or

More information

LG-LU6200_ICS_UG_V1.0_ indd

LG-LU6200_ICS_UG_V1.0_ indd 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

More information

IRISCard Anywhere 5

IRISCard Anywhere 5 이 빠른 사용자 가이드는 IRISCard Anywhere 5 및 IRISCard Corporate 5 스캐너의 설치와 시작을 도와 드립니다. 이 스캐너와 함께 제공되는 소프트웨어는: - Cardiris Pro 5 및 Cardiris Corporate 5 for CRM (Windows 용) - Cardiris Pro 4 (Mac OS 용) Cardiris 의

More information

2013 Yonsei Digital Game Institute 연세디지털 게임교육원 입학안내 1. 학교소개 - 원장인사말 - 학점은행제 소개 2. 학사일정 - 입학식 - 수강신청 - 신입생 O.T - 학사일정 - 성적표 및 등록금 고지서 배부 3. 장학제도 - 교내장학금 - 외부기타 장학금 - 특별 장학금 4. 강의장 안내 5. 행정 안내 - 학사관리시스템

More information

Net Focus ipad 등장에 따른 인터넷 이용 행태 및 웹 서비스 변화 전망 Net Term 플러그인을 벗겨라 - HTML5 표준 기술 Net Trend 비지니스 관점에서의 소셜 미디어 기회와 위협 英 OFCOM, ISP의 저작권 보호 지침(안) 공개 유럽위원회, EU 2020 전략 실행계획 발표 일본 KDDI의 차세대 네트워크 전략 美 모바일 TV 시장,

More information

Absolute Blue 태양의 위세 앞에서도 당당한 여자의 자존 심을 닮은 컬러. 바람을 닮아 유연한, 물을 닮아 자유롭게, 거칠 것 없이 여름의 클라 이맥스에 올라서서 세상을 물들이는 소리 없는 지배자, 블루

Absolute Blue 태양의 위세 앞에서도 당당한 여자의 자존 심을 닮은 컬러. 바람을 닮아 유연한, 물을 닮아 자유롭게, 거칠 것 없이 여름의 클라 이맥스에 올라서서 세상을 물들이는 소리 없는 지배자, 블루 뷰티 멘토링 북 Summer 2014 _VOL.12 태양의 열기, 블루 속에 녹아 들다 아스팔트마저 녹일 듯한 과잉된 열기가 피어오르는 여름이라는 무대 위 블루가 등장하는 순간, 여름은 제 2막으로 돌입한다. 바라보기만 해도 청량함 속으로 빠져드는 블루의 절대적 매력. 블루와 함께 여자는 이 여름의 주인공이 된다. 격이 다른 히로인의 컬러 BLUE Absolute

More information