예를 들기 위해 만든 Excel에 있는 데이터

1) Excel데이터를 .csv의 확장명으로 파일을 만든다.

SQLLDR에 명령시킬 ctl 파일

2) SQLLDR 에게 시킬 명령을 나열한 파일을 .ctl확장 파일로 만든다.

load data 

infile 'animal.csv' => DB에 넣을 데이터

insert into table animal(테이블명) ※ 해당 파일을 넣을 테이블(animal)이 있어야하며, 테이블은 빈 테이블이여한다.

fields terminated by ',' => 각 필드에 구분자

(code, category, name, location) => 테이블의 컬럼명's

 

두 파일을 같은 폴더에 위치시킨다.

csv와 ctl파일이 있는 디렉터리로 이동한 뒤,

SQLLDR 유저id/pw control='만든.ctl파일명' data='넣을 데이터 csv파일명'

※ 해당 파일을 넣을 테이블이 있어야하며, 테이블은 빈 테이블이여한다.

 

성공 화면
실제 animal테이블을 조회

 

'프로그래밍 > oracle' 카테고리의 다른 글

oracle 11g express edition 다운로드  (0) 2020.08.26 
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
	#ballBox{
		width:200px;
		height:200px;
		position:absolute;
		left:600px;
		animation-name:aniBox;
		animation-duration:8s;	
		animation-iteration-count:infinite;/*실행 횟수*/
		animation-direction:alternate;/*반복 방식*/
		
	}
	img{
		width:100%;
		height:100%;
		position:absolute;
		top:300px;
		animation-name:aniBall;
		animation-duration:0.7s;	
		animation-iteration-count:infinite;/*실행 횟수*/
		animation-direction:alternate;/*반복 방식*/
	}
	#shadowBox{
		width:200px;
		height:10px;
		position:absolute;
		left:600px;
		top:500px;
		animation-name:aniBox;
		animation-duration:8s;	
		animation-iteration-count:infinite;/*실행 횟수*/
		animation-direction:alternate;/*반복 방식*/

	}
	#shadow{
		width:200px;
		height:100%;

		background:black;
		position:absolute;
		animation-name:anishadow;
		animation-duration:0.7s;	
		animation-iteration-count:infinite;/*실행 횟수*/
		animation-direction:alternate;/*반복 방식*/
	}
	@keyframes aniBox{
		from{
			left:600px;

		}
		to{
			left:0px;
		}
	}
	@keyframes aniBall{
		from{
			top:300px;

		}
		to{
			top:0px;
		}
	}
	@keyframes anishadow{
		from{
			width:200px;
			height:100%;
		}
		to{ 
			width:20px;
			height:50%;
		}
	}
</style>
</head>
<body>
	<div id="ballBox">
		<img src="../images/soccerball.png"></img>
	</div>
	<div id="shadowBox">
		<div id="shadow"></div>
	</div>
</body>
</html>

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
	/*모든 div의 너비, 높이를 200으로 일괄처리
		선택자에 쉼표를 사용하며, and의 의미로 연결할 수 있다.
		*/
	#box1, #box2, #box3{
		width:200px;
		height:200px;
		background:dodgerblue;
		margin:50px;
		color:white;
		font-size:30px;
		font-weight:bold;
	}
	#box1{
		transform:translate(600px, 300px);/*translate(좌/우,위/아래)*/
	}
	#box2{
		transform:rotate(40deg);/*rotate(회전각) +면 오른쪽, -면 왼쪽*/
	}
	#box3{
		transform:scale(2,2); /*scale(너비, 높이) 너비2배, 높이2배*/
	}
</style>
</head>
<body>
<h3>
	<pre>
		CSS3부터는 변형, 전이, 애니메이션 등을 지원하고, 특히 변형 시에는 transform을 명시해야 한다.
		Transform의 종류
		1. translate : 이동
		2. rotate : 회전
		3. scale : 크기(비율)  ex) 2는 두배
	</pre>
</h3>
	<div id="box1">이동</div>
	<div id="box2">회전</div>
	<div id="box3">크기</div>
</body>
</html>

'프로그래밍 > html_css' 카테고리의 다른 글

css - transition  (0) 2020.08.29
css - inline-block  (0) 2020.08.29
css - position 속성  (0) 2020.08.29
css - box의 이해  (0) 2020.08.29
css - clear 이해  (0) 2020.08.29 
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
	div{
		margin:20px
	}
	#box1{
		width:100px;
		height:100px;
		background:gray;
		/*변화되는 시간을 늘려보자..*/
		transition:width 1s;	

	}
	#box1:hover{
		width:300px;
	}
	#box2{
		width:100px;
		height:100px;
		background:#ffffff;
		border:1px solid #4e9c9c;
		transition:background-color 1s;		
	}
	#box2:hover{
		background:#4e9c9c;
	}
	#box3{
		width:100px;
		height:100px;
		border:3px solid #4e9c9c;
		transition:border 1s;		
	}
	#box3:hover{
		border:10px solid #4e9c9c;
	}
	#box4{
		width:100px;
		height:100px;
		background-image:linear-gradient(to right, yellow, red )
		transition:background-image 2s;		
	}
	#box4:hover{
		background-image:linear-gradient(to left, orange, yellow )	
	}
</style>
</head>
<body>
<pre>
<h3>CSS3부터 프로그래밍에 의존하지 
않고도 간단한 애니메이션을 구현할 수 있다.
</h3>
</pre>
	<div id="box1"></div>
	<div id="box2"></div>
	<div id="box3"></div>
	<div id="box4"></div>
</body>
</html>

'프로그래밍 > html_css' 카테고리의 다른 글

css - transform  (0) 2020.08.29
css - inline-block  (0) 2020.08.29
css - position 속성  (0) 2020.08.29
css - box의 이해  (0) 2020.08.29
css - clear 이해  (0) 2020.08.29 
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
	a{
		background:red;
		display:inline-block;/*위치 속성은 인라인이라서, 공존이 가능하지만 블럭의 너비와 높이를 갖음
									고전적인 디자인에서는 float을 주로 이용해서 레이아웃을 배치했지만, 
									요즘은 잘 안쓰임...........inline-block 많이 씀*/
		width:250px;
		height:50px;
	}
</style>
</head>
<body>
	<a href="#">난 인라인1</a>
	<a href="#">난 인라인2</a>
	<a href="#">난 인라인3</a>
</body>
</html>

'프로그래밍 > html_css' 카테고리의 다른 글

css - transform  (0) 2020.08.29
css - transition  (0) 2020.08.29
css - position 속성  (0) 2020.08.29
css - box의 이해  (0) 2020.08.29
css - clear 이해  (0) 2020.08.29 
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>위치 속성</title>
<style>
/*
컨텐츠의 위치를 원하는 곳으로 지정하려며 CSS의 position 속성을 이용해야한다.
만일, 개발자가 아무런 속성을 지정하지 않을 경우 
모든 태그요소들은 기본적으로 position 이 relative이다.
절대위치는 다른 태그요소와 공존할 수 있다. 즉, 다른 태그에 의해 밀려나지 않는다.
*/
#b1{
	position:absolute; /*절대위치: 자신의 부모 태그를 기준으로 한 절대위치..
	ex) body로부터 절대위치*/
	left:250px;
	top:30px;
	border:2px solid red;
}
#b2{
	position:absolute; /*절대위치: 자신의 부모 태그를 기준으로 한 절대위치..
	ex) body로부터 절대위치*/
	left:300px;
}
</style>
</head>
<body>
	<img src="../images/bomberman.png" id="b1" width="100px"></img>
	<img src="../images/bomberman.png" id="b2" width="100px"></img>
</body>
</html>

'프로그래밍 > html_css' 카테고리의 다른 글

css - transition  (0) 2020.08.29
css - inline-block  (0) 2020.08.29
css - box의 이해  (0) 2020.08.29
css - clear 이해  (0) 2020.08.29
css - layout 연습  (0) 2020.08.29 
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
	#box1{
		width:60px;
		height:40px;
		background:red;
		/*아래쪽 물체와의 마진을 둬보자*/
		margin-bottom:100px;
		margin-left:100px;
		/*이 박스가 보유한 내용물을, 박스 벽과 간격을 둬보자 
			padding에 의해서 늘어난 만큼 width, height를 줄여야 된다. */
		padding-left:40px;
		padding-top:40px;
	}
	#box2{
		width:100px;
		height:100px;
		background:blue;
	}
</style>
</head>
<body>

<pre>
	<h3>	HTML의 모든 Tag는 Box로 간주되는데, 
	이때 Box와 Box간의 간격을 margin이라 하고,
	하나의 박스 안에 있는 내용물과 박스와의 간격을 padding이라 한다.</h3>
</pre>

	<div id="box1">내용물</div>
	<div id="box2">내용물</div>

</body>
</html>

'프로그래밍 > html_css' 카테고리의 다른 글

css - inline-block  (0) 2020.08.29
css - position 속성  (0) 2020.08.29
css - clear 이해  (0) 2020.08.29
css - layout 연습  (0) 2020.08.29
css - block의 이해  (0) 2020.08.29 
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
	#wrapper{
		width:500px;
		height:500px;
		margin:auto;
		background:black;
	}
	#content1{
		width:50%;
		height:400px;
		background:yellow;
		float:left;
	}
	#content2{
		width:50%;
		height:400px;
		background:red;
		float:left;
	}
	#footer{
		width:100%;
		height:100px;
		background:blue;
		clear:left;/*float으로 생긴 빈틈으로 <들어가지 않게> 하는 속성*/
	}
</style>
</head>
<body>
	<pre>
		<h3>float과 clear에 대해 학습한다.</h3>
	</pre>
	
	<div id="wrapper">
		<div id="content1">좌측 영역</div>
		<div id="content2">우측 영역</div>
		<div id="footer">아래 영역</div>
	</div>
</body>
</html>

'프로그래밍 > html_css' 카테고리의 다른 글

css - position 속성  (0) 2020.08.29
css - box의 이해  (0) 2020.08.29
css - layout 연습  (0) 2020.08.29
css - block의 이해  (0) 2020.08.29
css - 태그의 테두리 제어  (0) 2020.08.29 
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
	#wrapper{
		width:600px;
		height:500px;
		overflow:hidden;
		margin:auto;
	}
	#section{
		background-color:green;
		width:100px;
		height:100%;
		float:left;
		
	}    
	#header{
		background-color:yellow;
		width:100%;
		height:100px;
	}
	#center{
		background-color:blue;
		width:100%;
		height:300px;
	}
	#footer{
		background-color:red;
		width:100%;
		height:100px;
	}
	#content{
		width:500px;
		height:500px;
		float:left;
	}
    
</style>
</head>
<body>
	<div id="wrapper">
		<div id="section"></div>
		<div id="content">
			<div id="header">	</div>
			<div id="center"></div>
			<div id="footer"></div>
		</div>
	</div>
</body>
</html>

'프로그래밍 > html_css' 카테고리의 다른 글

css - box의 이해  (0) 2020.08.29
css - clear 이해  (0) 2020.08.29
css - block의 이해  (0) 2020.08.29
css - 태그의 테두리 제어  (0) 2020.08.29
HTML의 기본적인 table 태그  (0) 2020.08.26
  • 모든 태그는 박스이면서, 이 박스들은 두가지 유형으로 분류된다.
    1. block형 : 자신과 같은 행에, 그 어떠한 태그도 존재할 수 없으며 너비와 높이를 가질 수 있다.
    2. inline형 : 자신과 같은 행에, 다른 태그 요소와 공존이 가능하며 너비와 높이를 가질 수 없다.
  • float을 이용하여 Box를 띄워주어 같은 행에 존재할 수 있도록 할 수 있다.
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>block, inline 속성</title>
<style>
	#box1{
		background-color:red;
		width:200px;
	}
	#box2{
		background-color:LightGray;
		width:400px;
	}
</style>
</head>
<body>
	<!-- 모든 태그는 박스이면서, 이 박스들은 두가지 유형으로 분류된다.
		1. block형 : 자신과 같은 행에, 그 어떠한 태그도 존재할 수 없다.
						너비와 높이를 가질 수 있다.
		2. inline형 : 자신과 같은 행에, 다른 태그 요소와 공존이 가능
						너비와 높이를 가질 수 없다.
	-->
	<div id="box1">box1</div>
	<div id="box2">box2</div>
</body>
</html>


<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>block, inline 속성</title>
<style>
	#box1{
		background-color:red;
		width:200px;
		float:left; /*현재의 태그 요소를 띄운다.*/
	}
	#box2{
		background-color:LightGray;
		width:400px;
		float:left;
	}
</style>
</head>
<body>
	<!-- 모든 태그는 박스이면서, 이 박스들은 두가지 유형으로 분류된다.
		1. block형 : 자신과 같은 행에, 그 어떠한 태그도 존재할 수 없다.
						너비와 높이를 가질 수 있다.
		2. inline형 : 자신과 같은 행에, 다른 태그 요소와 공존이 가능
						너비와 높이를 가질 수 없다.
	-->
	<div id="box1">box1</div>
	<div id="box2">box2</div>
</body>
</html>

 

'프로그래밍 > html_css' 카테고리의 다른 글

css - box의 이해  (0) 2020.08.29
css - clear 이해  (0) 2020.08.29
css - layout 연습  (0) 2020.08.29
css - 태그의 테두리 제어  (0) 2020.08.29
HTML의 기본적인 table 태그  (0) 2020.08.26

+ Recent posts

티스토리툴바