반응형

form 태그

form 태그 내의  submit 버튼 클릭하는 경우, 

action에서 지정한 서버로 method에 작성한 요청 전송방식으로

해당 form내에 작성한 사용자 입력 값들을 key=value 세트로 서버에 전달한다

 

action 속성 : 사용자가 입력한 값들을 전달하면서 요청할 서버의 경로를 제시하는 속성

method 속성 : 요청 전송방식을 지정하는 속성

                    - get 방식 : 요청시 사용자가 입력한 값들이 url에 노출되는 방식, 조회 시 사용

                    - post 방식 : 요청시 사용자가 입력한 값들이 url에 노출되지 않는 방식, 변경 또는 추가 시 사용

<form action="actionName" method="get/post">

 

fieldset / legend

fieldset : 그룹을 묶는 태그

legend : 해당 그룹의 제목을 붙이는 태그

<fieldset>
     <legend>그룹제목</legend>
</fieldset>
<form action="test.do">
    <fieldset>
        <legend>제목1</legend>
        입력1 : <input type="text"> <br>
        입력2 : <input type="text">
    </fieldset>

    <fieldset>
        <legend>제목2</legend>
        입력3 : <input type="text"> <br>
        입력4 : <input type="text">
    </fieldset>

    <input type="submit">

</form>

 

반응형
반응형

이미지 삽입 태그

 <img src="이미지경로" alt="설명문구" width="가로크기(px/%)" height="세로크기(px/%)">

설명문구는 이미지가 표시되지 않을 때 또는 시각장애우를 위한 기능 사용시 표기된다

가로, 세로크기 조정시 고정길이(px) 가변길이(%)로 지정할 수 있다

 

오디오 삽입 태그

<audio src="오디오경로" controls autoplay loop>

controls : 자동 재생여부(브라우저별 상이)

loop : 반복 재생여부

<audio src="resources\audio\1.mp3" controls autoplay loop></audio>
<audio src="resources\audio\2.ogg" controls autoplay></audio>

 

비디오 삽입 태그

<video src="비디오경로" controls autoplay loop width="" height="" poster="경로">

poster : 썸네일

반응형
반응형

표 기본구성 태그

<table> : 표 생성 태그
<tr> : 표의 한 행을 나타내는 태그
<th> : 표 내용 입력시 제목셀 태그
<td> : 표 내용 입력시 일반셀 태그
<table>
    <thead>
    <tr>
        <th>브라우저명</th>
        <th>제조사</th>
        <th>홈페이지</th>
    </tr>
</thead>
    <tr>
        <td>Internet Explore</td>
        <td>MS</td>
        <td>http://www.microsoft.com</td>
    </tr>
    <tr>
        <td>Chrome</td>
        <td>Google</td>
        <td>http://www.google.com</td>
    </tr>
    <tr>
        <td>Firefox</td>
        <td>Mozilla</td>
        <td>http://www.mozilla.com</td>
    </tr>
</table>

배경색 및 표 테두리는 CSS로 적용

 

표의 행, 열 합치기

colspan="n" : n개의 열을 합친다
rowspan="n" : n개의 행을 합친다
 <table width="400">
    <caption><b>일일 확진자 현황</b><sub>(00.00.00시 기준)</sub></caption>
    <thead id="covid">
        <tr>
        <th width="230" colspan="4">확진환자</th>
        </tr>
    </thead>
    <tbody id="covid">
        <tr>
            <th width="30">누적</th>
            <th colspan="3">발생현황</th>
        </tr>
        <tr>
            <td rowspan="2">14,778,405</td>
            <th id="text_blue" width="50">일일확진</th>
            <th id="text_blue" width="50">위중증</th>
            <th id="text_blue" width="50">신규입원</th>
        </tr>
        <tr id="text_red">
            <td>224,820</td>
            <td>1,116</td>
            <td>1,577</td>
        </tr>
    </tbody>
</table>

글자색상은 CSS로 적용

 

반응형
반응형

기본 목록 나열 리스트 - <li>

<li>목록1</li>
<li>목록2</li>

 

순서 없는 목록 태그 - <ul>

<ul>
    <li>HTML
        <ul>
            <!--목록안에 목록을 넣을 수 있다-->
            <li>글자관련</li>
            <li>목록관련</li>
        </ul>
    </li>
    <li>CSS</li>
    <li>JavaScript</li>
    <li>jQuery</li>
</ul>

 

순서 있는 목록 태그 - <ol>

설정 가능 속성값

순서 표기 타입 : type="숫자(기본) / a / A / i"

시작 번호 설정 : start="시작번호"

역순 표기 : reversed

<!-- 표기타입 로마숫자 -->
<ol type="i">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    <li>jQuery</li>
</ol>

<!-- 5번부터 시작하고 싶은 경우 -->
<ol start="5">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    <li>jQuery</li>
</ol>

<!-- 역순 -->
<ol reversed>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    <li>jQuery</li>
</ol>

 

설명 관련 목록 태그 - <dl><dt><dd>

<dt> : 제목

<dd> : 설명(내용)

<dl>
    <dt>이곳은 제목을 설정하는 태그</dt>
    <dd>여기에 해당 설명을 작성</dd>
    <dd>여러줄도 작성 가능</dd>

    <dt>또 다른 제목 설정 가능</dt>
    <dd>다른 제목 안의 설명도 작성</dd>
</dl>

 

반응형
반응형

제목 태그 - h1~h6

<h1>h1 태그입니다.</h1>
<h2>h2 태그입니다.</h2>
<h3>h3 태그입니다.</h3>
<h4>h4 태그입니다.</h4>
<h5>h5 태그입니다.</h5>
<h6>h6 태그입니다.</h6>​

 

문단 나누는 태그 - p, pre

    <p>
        문단의 영역을 나누는 태그로는 p태그와 pre태그가 있다
        단, p태그는 줄바꿈 입력을 별도로 태그 지정해야한다. <br>
        그리고 공백은 한개의 공백만을 &nbsp;&nbsp;&nbsp;표시하기 때문에 기호문구를 작성해야한다.
    </p>

    <pre>
    	pre태그는 여러         공백 인식이 가능하고
        줄 바꿈 등을 포함하여 입력한 내용 그대로를 표현하는 태그이다.
    </pre>

 

그 외 글자 태그

<b>b : 글자를 굵게 표시하는 태그</b>
<br><br>

<!-- 화면을 읽어주는 스크린리더 기능 이용 시 강조하는 억양 추가(실질적인 강조) -->
<strong>strong : 글자를 굵게 표시하는 태그</strong>
<br><br>

<i>i : 글자를 기울여서 표시하는 태그</i>
<br><br>

<!-- 스크린 리더에 영향을 미침 -->
<em>em : 글자를 기울여서 표시하는 태그</em>
<br><br>

<mark>mark : 형광펜 효과를 주는 태그</mark>
<br><br>

<u>u : 밑줄이 그어지는 태그</u>
<br><br>

<s>s : 취소선을 넣어주는 태그</s>
<br><br>

<del>del : 취소선을 넣어주는 태그</del>
<br><br>

<!--HTML5에서 더이상 지원하지 않는 태그-->
<strike>strike : 취소선을 넣어주는 태그 - 더이상 지원하지 않기 때문에 s 또는 del 태그 사용</strike>
<br><br>

<small>small : 글자를 작게 표현해주는 태그</small>
<br><br>

<!--HTML5에서 더이상 지원하지 않는 태그-->
<big>big : 글자를 크게 표현해주는 태그 - 더이상 지원하지 않기 때문에 CSS로 변경 권장</big>
<br><br>

<!--addr : 약어 등의 단어를 정의할때 쓰는 태그 마우스 오버하면 뜻이 보여지는 기능-->
<addr title = "Internet Of Things">IOT</addr>란 각종 사물에 센서와 통신기능을 내장하여
인터넷에 연결하는 기술이다. 마우스 커서를 가져다 대면 속성값이 보인다.
<br><br>

sub : 기본 글자에 <sub>아래 첨자</sub>를 나타내는 태그
<br><br>
sup : 기본 글자에 <sup>윗 첨자</sup>를 나타내는 태그
<br><br>

 

반응형
반응형

DROP

객체를 삭제하는 구문

DROP TABLE 테이블명
DROP TABLE EMP_011; --삭제완료!

 

반응형
반응형
ALTER

 

객체 구조를 수정하는 구문

    - 컬럼 추가/수장/삭제

    - 제약조건 추가/삭제 (제약조건의 수정은 불가)

    - 테이블명/컬럼명/제약조건명 수정

ALTER TABLE 테이블명 수정할내용;

 

 

컬럼추가(ADD)

 

DEFAULT값 생략가능

ADD 추가할컬럼명 자료형 DEFAULT 기본값
--CNAME컬럼 추가
ALTER TABLE DEPT_COPY ADD CNAME VARCHAR2(20);
--새로운 컬럼 생성 후 기본값인 NULL로 채워짐
ALTER TABLE DEPT_COPY ADD LNAME VARCHAR2(20) DEFAULT '기본값';
--새로운 컬럼 생성 후 DEFAULT값으로 설정한 "기본값"으로 채워짐
ALTER TABLE DEPT_COPY ADD DNAME DATE DEFAULT SYSDATE;
--DNAME이라는 컬럼을 추가하고 DATE타입 기본값은 SYSDATE로 입력하시오

 

 

컬럼 수정(MODIFY)

 

문자 -> NUMBER 변경 불가

사이즈 축소 불가

사이즈 확대 가능

//컬럼 자료형 수정
MODIFY 수정할컬럼명 바꿀자료형

//DEFAULT 값 수정
MODIFY 수정할컬럼명 DEFAULT 바꿀기본값
--DEPT_COPY 테이블의 DEPT_ID 컬럼의 자료형 CHAR(3)으로 변경
ALTER TABLE DEPT_COPY MODIFY DEPT_ID CHAR(3);

--변경하고자 하는 컬럼에 이미 담겨있는 값과 완전히 다른 타입으로 변경 불가
ALTER TABLE DEPT_COPY MODIFY DEPT_ID NUMBER; --오류!! column to be modified must be empty to change datatype
--변경하고자 하는 컬럼에 담긴 값보다 작은크기로 설정 불가
ALTER TABLE DEPT_COPY MODIFY DEPT_ID CHAR(1); --오류!! cannot decrease column length because some value is too big
--변경하고자 하는 컬럼에 담긴값보다 크게 변경 가능
ALTER TABLE DEPT_COPY MODIFY DEPT_ID CHAR(5);


--한번에 여러개 컬럼 변경
--DEPT_TITLE컬럼의 데이터타입을 VARCHAR2(40)으로
--LOCATION_ID 컬럼의 데이터타입을 CARCHAR2(2)로
--LNAME 컬럼의 기본값을 '미국'으로 
ALTER TABLE DEPT_COPY
MODIFY DEPT_TITLE VARCHAR2(40)
MODIFY LOCATION_ID VARCHAR2(2)
MODIFY LNAME DEFAULT '미국'; 
--원래 있던값은 변경되지 않으며 새로들어오는값은 변경한 디폴트 '미국'으로 됨

 

 

컬럼삭제(DROP COLUMN)

 

ALTER TABLE 테이블명 DROP COLUMN 삭제할컬럼명
--DEPT_ID 컬럼 지우기
ALTER TABLE DEPT_COPY2 DROP COLUMN DEPT_ID;
ROLLBACK; --롤백 완료떠도 롤백 불가(DDL이여서)

--DEPT_COPY2 모든 컬럼 삭제해보자
ALTER TABLE DEPT_COPY2 DROP COLUMN DEPT_TITLE;
ALTER TABLE DEPT_COPY2 DROP COLUMN LOCATION_ID;
ALTER TABLE DEPT_COPY2 DROP COLUMN CNAME;
ALTER TABLE DEPT_COPY2 DROP COLUMN LNAME;
ALTER TABLE DEPT_COPY2 DROP COLUMN DNAME; 
--마지막 삭제 명령문에서 오류발생! cannot drop all columns in a table 
--최소 한개 컬럼은 존재해야하기 때문에 모두 삭제할수 없다

 

 

제약조건 추가 / 삭제

 

  • 제약조건 추가

 :  (기본상태가 NULL이 아니여서 변경해야함)
    나만의 재약조건명을 부여하고자 한다면

    -주의: 제약조건명은 고유해야한다

구분 표현법 비고
PRIMARY KEY ADD PRIMARY KEY(컬럼명);  
FOREIGN KEY ADD FOREIGN KEY(컬럼명)
REFERENCES 참조할테이블명(참조컬럼명);
참조컬럼명은 생략 가능하며 생략시 기본키로 자동연결
UNIQUE ADD UNIQUE(컬럼명)  
CHECK  ADD CHECK(컬럼에대한조건)  
NOT NULL MODIFY 컬럼명 NOT NULL  
MODIFY 컬럼명 CONSTRAINT 제약조건명 제약조건 제약조건명은 고유해야함
--DEPT_COPY 테이블에
--DEPT_ID 컬럼에 PRIMARY KEY 추가
--DEPT_TITLE 컬럼에 UNIQUE 추가
--LNMAE 컬럼에 NOT NULL 추가
ALTER TABLE DEPT_COPY
ADD CONSTRAINT DCOPY_PK PRIMARY KEY(DEPT_ID)
ADD CONSTRAINT DCOPY_UQ UNIQUE(DEPT_TITLE)
MODIFY LNAME CONSTRAINT DCOPY_NN NOT NULL;

 

  • 제약조건 삭제
//PRIMARY KEY, FOREIGN KEY, UNIQUE, CHECK
DROP CONSTRAINT 제약조건명;

//NOT NULL
MODIFY 컬럼명 NULL;
--DEPT_COPY 테이블로부터 DCOPY_PK 삭제
ALTER TABLE DEPT_COPY DROP CONSTRAINT DCOPY_PK;

--DEPT_COPY 테이블로부터 LNAME NOT NULL, DEPT_TITLE UNIQUE 삭제
ALTER TABLE DEPT_COPY MODIFY LNAME NULL;
ALTER TABLE DEPT_COPY DROP CONSTRAINT DCOPY_UQ;

 

 

컬럼명 / 제약조건명 / 테이블명 변경 (RENAME)

 

  • 컬럼명 변경
ALTER TABLE 테이블명 RENAME COLUMN 기존컬럼명 TO 바꿀컬럼명
--DEPT_COPY 테이블에서 DEPT_TITLE컬럼을 DEPT_NAME으로 바꾸기
ALTER TABLE DEPT_COPY RENAME COLUMN DEPT_TITLE TO DEPT_NAME;
--DEPT_COPY 테이블에서 DNAME 컬럼을 DDAY로 변경하기
ALTER TABLE DEPT_COPY RENAME COLUMN DNAME TO DDAY;

 

  • 제약조건명 변경
ALTER TABLE 테이블명 RENAME CONSTRAINT 기존제약조건명 TO 바꿀제약조건명
--DEPT_COPY테이블에서 SYS_C007150를 DCOPY_ID로 변경
ALTER TABLE DEPT_COPY RENAME CONSTRAINT SYS_C007150 TO DCOPY_ID;
--DEPT_COPY테이블에서 LOCATION_ID에 걸려있는 제약조건명을 DCOPY_LID로 변경하기 SYS_C007151
ALTER TABLE DEPT_COPY RENAME CONSTRAINT SYS_C007151 TO DCOPY_LID;

 

  • 테이블이름 변경
ALTER TABLE 테이블명 RENAME TO 바꿀테이블명
--DEPT_COPY 테이블 이름 DEPT_TEST로 변경
ALTER TABLE EMP_01 RENAME TO EMP_001;
--RENAME 기존테이블명 TO 바꿀테이블명
RENAME EMP_001 TO EMP_01;

 

반응형

'DB(SQL)' 카테고리의 다른 글

[ORACLE] Oracle SQL Developer에서 엑셀파일 데이터 import 하기  (0) 2022.05.19
[ORACLE] DDL - DROP  (0) 2022.03.28
ORACLE / DDL 기본 정의  (0) 2022.03.27
ORACLE / DELETE, TRUNCATE, ROLLBACK, COMMIT  (0) 2022.03.27
ORACLE / UPDATE  (0) 2022.03.27

+ Recent posts