1. 이미지 파일 - 1 ) GIF ( 확장자 .gif ) - : 256개의 색상만 지원하기에, 다른 파일에 비해 용량이 작다. 따라서 아이콘이나 단색 계열의 배경을 만드는데 적합한 이미지 파일이다. - : 손실이 발생하지 않는 무손실 압축 방식을 사용한다. - : 투명한 이미지와 움직이는 애니메이션 이미지를 만들 수 있다. - 2 ) JPG ( 확장자 .jpg ) - : 웹에서 가장 많이 사용되는 이미지 파일로, 작은 용량으로 사진과 같은 색상과 명암을 표현한다. - : 1600만개의 색상을 사용하며 압축률이 높다. - : 손실 압축 방식이기에, 압축 과정에서 약간의 손실이 발생한다. - : GIF 이미지 파일과 달리 투명한 이미지나 움직이는 이미지는 만들 수 없다. - 3 ) PNG ( 확장자 .pn..
1. 웹의 특징 - 전 세계의 컴퓨터를 연결한다. - HTTP(Hyper Text Transfer Protocol) 프로토콜을 사용한다. - HTML(Hyper Text Markup Language)로 작성된 문서를 연결한다. - 텍스트, 그래픽, 오디오, 비디오, 프로그램 파일 등의 멀티미디어 서비스 제공한다. + 반응형 웹 : 웹 서버에서 제공되는 정보가 다양한 기기에 맞춰 제공되는 웹 환경 2. 마크업 언어 - 마크업 언어 : 웹에서 사용되는 문서가 어떻게 구조화되는 가를 나타내는 언어 - 유형 : - 1 ) 구조적 마크업 : 문서의 구성 방식을 표현한 것 - 2 ) 유형적 마크업 : 문서를 시각적으로 표현한 것 - 3 ) 의미적 마크업 : 데이터 내용 자체에 관한 것 3. HTML5 - HTML5..
1. CSS 선택자 - 1 ) 태그 선택자 ( 태그 ) - : 태그의 영역을 선택하고 이후에 오는 CSS 명령을 해당 영역에 적용한다. - : 선택자에 태그명을 그대로 사용하며, 웹 페이지에서 태그가 사용된 영역 선택하여 해당 영역에 CSS 명령을 적용한다. - 2 ) id 선택자 ( #아이디명 ) - : 웹 페이지에서 유일무이한 단 하나의 특정 영역을 지정하여 CSS 명령을 적용 - 3 ) class 선택자 ( .class명 ) - : 웹 페이지에서 두 군데 이상의 특정 영역을 지정하여 동일한 CSS를 적용한다. 2. 박스모델의 구성요소 - 박스형태로 된 모든 HTML 요소이다. - 1 ) border : 경계선 - 2 ) padding : 경계선 내부 간격 - 3 ) margin : 경계선 외부 간격..
1. 폼양식 - 사용자가 각종 정보를 입력 시 사용하는 입력창, 선택버튼 등을 의미한다. - 1 ) 텍스트 입력창 - : 사용자가 텍스트를 입력하는 폼 양식으로, 태그로 폼 양식 삽입 - 2 ) 라디오 버튼 - : 원형의 선택 폼 양식으로, 여러 항목 중 단 하나만 선택하게 한다. - 3 ) 체크 박스 - : 사각형의 선택 폼 양식으로, 다수 항목을 선택할 수 있다. - 4 ) 첨부파일 - : input태그의 type 속성명을 file로 지정한다. - 모든 전송(요청) 파라미터의 “이름=값”에서, 값은 무조건 문자열로 서버에 전송된다. - 값이 없는 전송 파라미터는 설령 이름이 있더라도 서버에 전송되지 않는다. 2. CSS란 - CSS란 웹페이지에서 HTML이 만든 요소들을 스타일하는 것이다. - sty..
1. HTML이란 - HTML이란 HyperText Markup Language으로 웹 페이지 제작에 가장 기본적으로 사용되는 마크업 언어 - 현재에는 주로 HTML5버전을 사용한다. - .html( 또는 .htm ) 확장자를 사용한다. - Html : 5를 입력하면 자동으로 표준규격 틀을 생성해준다. 2. HTML5의 기술 - (1) HTML (2) CSS3 (3) ECMAScript(과거 자바스크립트) - HTML : 문서의 구조와 컨텐츠를 정의 - CSS : HTML 문서의 요소에 3. HTML 태그의 종류 2가지 - 1 ) 블록요소 : 컨텐츠 영역과 무관하게, 브라우저 뷰포트의 가로너비를 모두 차지해버린다. (ex. HEADER 태그) - 2 ) 인라인 요소 : 자신의 영역(컨텐츠 영역)만큼만 브..
-- ------------------------------------------------------ -- Index (인덱스) (***) -- ------------------------------------------------------ -- 가. 데이터베이스 성능에서 매우 중요한 역할 담당 -- 나. 단순컬럼 또는 복합컬럼에 대해 인덱스 객체 생성가능 (**) -- 다. 인덱스 객체 안에는 크게 아래의 두가지 정보를 가지고 있다: (*) -- (1) ROWID - 테이블의 각 행의 논리적인 주소값 저장 -- (2) 단순/복합 컬럼 - 인덱스를 생성한 컬럼 데이터 -- 라. 실제 데이터(각 행)의 논리적 주소인 ROWID를 사용하면, -- Table Full Scan 방식이 아닌, Index Sc..
-- ------------------------------------------------------ -- 1. View -- ------------------------------------------------------ -- 가. 물리적인 테이블 or 다른 View를 기반으로 하는 논리적인 테이블(*) -- 나. 물리적인 테이블처럼, 실제 데이터를 저장하지 않음 -- 다. 사용자는 마치 진짜 테이블을 사용하는 것과 동일하게 사용 -- 라. 기본테이블(Base table): -- 뷰의 기반의 되는 물리적인 테이블 -- 마. 목적 -- a. 데이터를 선택적으로 보여줄 수 있음(**) -- b. 데이터에 대한 접근을 제한할 수 있음(접근제한) (*) -- c. 테이블 컬럼 중, 보안과 관련된 민감한 데..
-- ------------------------------------------------------ -- 1. DDL (Data Definition Language) - 테이블을 만들때 사용한다. -- ------------------------------------------------------ -- 데이터베이스 구조(= 오라클(DB) 객체)를 생성/수정/삭제하는데, -- 사용하는 SQL문장. -- ------------------------------------------------------ -- 가. 자동으로 COMMIT 됨. (즉, DB에 자동 영구 반영됨) (**) -- 나. 데이터 딕셔너리(Data Dictionary) 에 정보 저장. -- -------------------------..
-- ------------------------------------------------------ -- 1. 조건 INSERT FIRST 문 -- ------------------------------------------------------ -- (1) 기존 테이블을 이용하여, 새로운 테이블 생성 (CTAS) -- ------------------------------------------------------ -- * CTAS: 기존 테이블 스키마 복사 시, NOT NULL 제약조건을 제외 -- 한, 그 외 제약조건은 복사되지 않음. -- ------------------------------------------------------ -- Basic Syntax) -- -- CREATE TA..
-- + 외래키 제약 조건 -- (1) CASCADE ( 연쇄삭제 ) -- (2) RESTRICTED ( 삭제를 거부 ) -- (3) DEFAULT ( 부모 테이블 기본키 삭제시, 자식 참조키에 이미 지정한 디폴트값 지정 ) -- (4) SET NULL( NULL값 지정 ) -- ------------------------------------------------------ -- 1. INSERT 문 ( DML ) -- ------------------------------------------------------ -- 가. 테이블에 데이터를 저장하기 위한 문장. -- 나. 구분: -- (1) 단일 행 INSERT문: 한 번에 하나의 행을 테이블에 저장 -- (2) 다중 행 INSERT문: 한 번에 ..