꿈의 세상
-
HTML5 - 하이퍼 링크 태그 (a 태그)Front-end/HTML5 2020. 12. 15. 16:44
하이퍼 링크 하이퍼 링크란 웹 문서가 다른 문서와 구분되는 가장 핵심적인 기술이다. 클릭을 통해 연결된 곳으로 이동하여 사용을 편리하게 해주는 기능으로 텍스트 또는 이미지 등을 클릭하여 지정된 링크로 이동하게해준다. 또한 페이지 내 이동도 가능하다. 그럼 하이퍼 링크 기능의 태그들을 알아보자. a란 페이지에서 해당 부분을 클릭하면 지정된 페이지로 이동하는 태그로 외부 사이트 연결, 문서 내부에서 이동이 가능하다. [ a 태그 작성법 ] 문자로 작성했을 경우 링크표시 문구 이미지로 작성했을 경우 a 태그의 속성으로 href, target 등 이 있다. 내부에서 이동하는 경우 링크 표시 문구 target을 이용하여 설정하는 경우 _blank : 새 창 에서 실행된다. _self : 현재 창 에서 실행된다. ..
-
HTML5 - 멀티미디어 관련 태그Front-end/HTML5 2020. 12. 14. 17:46
img란 웹 페이지에 사진이나 그림을 삽입할 때 사용하는 태그이다. *닫는 태그가 없다. 속성으론 다음과같이 src, alt, width, height가 있다. [ 작성법] 웹 페이지에 사용 가능한 확장자는 GIF, JPG/JEPG, PNG 가 있다. width와 height를 변경하여 가변 크기 단위와 고정 크기 단위를 줄 수 있다. [ img 예시 ] 고정 크기 단위 예시 고정 크기 단위 : 화면(창)의 사이즈가 변하여도 지정된 요소의 크기가 고정되게 하는 단위(px) * 크기가 width 200px, height 150px로 고정 되있다. 가변 크기 단위 예시 가변 크기 단위 : 화면(창)의 사이즈 또는 기준이된 요소의 사이즈가 변하게 되면 해당 요소의 크기도 변하게 된다.(%, em, rm, re..
-
HTML5 - 영역 관련 태그 (div, span, iframe)Front-end/HTML5 2020. 12. 14. 17:18
div란 이미 존재하는 내용의 다음줄에 영역이 설정하는 태그이다. block 형식의 공간을 수직분할하고, width, hight 속성 사용이 가능하다. [ div 예시 ] 첫 번째 영역 두 번째 영역 세 번째 영역 이렇게 수직분할로 다음줄에 영역이 설정된다. span이란 이전 태그와의 줄바꿈을 일으키지 않고 바로 옆에 영역을 설정하는 태그이다. inline형식으로 공간을 수평분할하고, width, height 속성 사용이 불가능하다. [ span 예시 ] 첫 번째 영역 두 번째 영역 세 번째 영역 수평분할로 바로 옆에 설정된다. iframe이란 웹 문서 안에 다른 웹 페이지를 추가하는 태그이다. 속성값으로는 다음과 같이 갖는다. [ iframe 예시 ] iframe 태그 웹 문서 안에 다른 웹 문서를 추..
-
HTML5 - 표 관련 태그Front-end/HTML5 2020. 12. 14. 16:48
table이란 웹 문서에서 자료를 정리할 때 주로 사용하고 행과 열로 이루어져 있고 행과 열이 만나는 지점을 셀이라고 한다. table 안에 th td tr 를 사용 한다. 란 Table Header 의 약자로 테이블의 제목을 나타내는 태그이다. 중앙 정렬 및 굵게 표시가 된다. 란 Table Data의 약자로 한 개의 열을 만드는 태그이다. 란 Table Row의 약자로 한 개의 행(ROW)을 만드는 태그이다. 테이블의 구조는 이렇게 된다. 내용1 내용2 내용3 내용1 내용2 내용3 내용1 내용2 내용3 * table과 관련된 그 외의 또 다른 태그들이 있다. 이란 테이블의 제목이나 내용을 추가하는 태그이다. 다른 태그를 이용하여 텍스트를 꾸밀 수 있다. 기본 위치는 테이블 위 중앙에 배치된다. / 이..
-
HTML5 - 목록 관련 태그 (table)Front-end/HTML5 2020. 12. 14. 09:08
ul이란(Unordered List)의 약자로 순서가 필요하지 않은 목록 만들 때 사용한다. 리스트() 앞에 특정 모양 출력(기본 값 : · )하고, 해당 모양은 CSS를 이용하여 수정이 가능하다. * 태그 : 목록 태그에 들어가는 요소를 작성하는 태그이다. ul 이랑 li 태그는 한 쌍이다. [ ul 예시 ] HTML5 CSS3 Javascript JQuery 이렇게 순서가 없이 점 모양으로 리스트 형태를 나타낸다. ol이란 (Ordered List)의 약자로 순서가 있는 목록 만들 때 사용한다. 속성으로 문자(A, B, C…/a, b, c…), 숫자(1, 2, 3…), 로마자(Ⅰ, Ⅱ, Ⅲ…/ⅰ, ⅱ, ⅲ…) 설정이 가능하며 CSS로도 순서를 설정할 수 있다. 속성으로는 type과 start가 있고 ..
-
HTML5 - 글자 관련 태그Front-end/HTML5 2020. 11. 28. 17:29
hn이란 header의 약자로 제목을 입력할 때 사용하는 태그로 폰트의 크기가 태그마다 정해져 있다. h 뒤 숫자(n) 1~6 으로 구분한다. 제목 내용 [ hn 예시 ] : 제목을 입력하는 태그 h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그 입니다. h5 태그 입니다. h6 태그 입니다. 그냥 글입니다. / br이란 Break의 약자로 문장을 줄 바꾸기(개행)할 때 사용한다. hr이란 horizontal rule의 약자로 페이지에 가로로 밑줄을 만들어 줄 때 사용한다. [ br / hr 예시 ] 태그 : 줄을 바꾸면서 수평선을 넣는 태그 오늘 점심 추천해주세요 중국집 샤브샤브 훠궈 김밥 마크업 언어에서 연달아 작성된 모든 공백, 줄바꿈 브라우저 해석 시 하나의 띄어쓰..
-
Oracle - SYNONYM데이터베이스/Oracle 2020. 11. 28. 16:45
SYNONYM SYNONYM이란 사용자가 다른 사용자의 객체를 참조할 때 [사용자ID].[테이블명]으로 표시하는데 이처럼 길게 표현되는 것을 동의어(SYNONYM)로 설정 후 간단히 사용 가능한 객체이다. 동의어는 비공개 동의어, 공개 동의어가 있다. 비공개 동의어 비공개 동의어란 객체에 대한 접근 권한을 부여 받은 사용자가 정의한 동의어로 해당 사용자만 사용이 가능하다. [ 비공개 동의어 예시 ] CREATE SYNONYM EMP FOR EMPLOYEE; -- 권한 부여 전 에러 발생 (SYSTEM 계정) GRANT CREATE SYNONYM TO EMPLOYEE; -- 권한 부여 (EMPLOYEE 계정) CREATE SYNONYM EMP FOR EMPLOYEE; -- 생성 한다. 조회하면 이러하다. ..
-
Oracle - INDEX데이터베이스/Oracle 2020. 11. 28. 16:34
INDEX INDEX란 SQL명령문의 처리 속도를 향상시키기 위해서 컬럼에 대해 생성하는 오라클 객체로 내부 구조는 B*트리(2진트리) 형식으로 구성되어 있다. [ 장점 ] - 이진트리 형식으로 구성되어 있어 자동 정렬 및 검색 속도가 향상된다. - 시스템에 걸리는 부하를 줄여 시스템 전체 성능을 향상시켜준다. [ 단점 ] - 인덱스를 추가하기 위한 별도의 저장 공간이 필요하다. - 인덱스를 생성하는데 시간이 걸린다. - 데이터 변경 작업인(DML (INSERT, UPDATE, DELETE))이 빈번하게 발생하는 경우에는 오히려 성능 저하를 초래한다. [ INDEX 표현식 ] CREATE [UNIQUE] INDEX 인덱스 명 ON 테이블 명(컬럼 명, 컬럼 명 | 함수 명, 함수 계산식); CREATE ..