본문 바로가기

전체 글

(107)
position 속성 1. position 속성 : 요소 배치 방법 지정하기 position : static | relative | absolute | fixed 텍스트나 이미지를 화면 상에 배치하기 위해 사용되는 요소이다. position의 static 속성 값을 제외하고 나머지 속성 값은 좌표를 이용하여 요소의 배치를 지정할 수 있다. top : 위쪽에서 얼마나 떨어져 있는지 나타낸다. 문서의 최상단이 top 0 이다. right : 오른쪽에서 얼마나 떨어져 있는지 나타낸다. 문서의 가장 오른쪽 변이 right 0 이다. bottom : 아래쪽에서 얼마나 떨어져 있는지 나타낸다. 문서의 하단이 bottom 0 이다. left : 왼쪽에서 얼마나 떨어져 있는지 나타낸다. 문서의 가장 왼쪽 변이 left 0이다. 2. sta..
WHERE 절의 조건 적용 1. WHERE 절이란? WHERE 절은 SELECT 절을 사용할 때 원하는 데이터의 폭을 줄여 검색해주는 기능을 수행한다. 원하는 데이터만 추출하기 위하여 조건문을 걸게 되는데, 여기에는 컬럼 명, 연산자, 상수, 산술 표현식 등을 결합하여 다양한 형태로 작성 가능하다. 데이터 타입 또한 문자, 숫자, 날짜 타입 모두 사용 가능하며, 숫자 타입은 상수 값 그대로 사용 가능하지만 문자와 날짜 타입의 상수 값은 작은 타옴표로 묶어서 표현해야 한다. SELECT [DISTINCT] * | COLUMN.. FROM TABLE_NAME [WHERE CONDITION] 2. 비교 연산자 비교 연산자는 WHERE 절에서 문자, 숫자, 날짜의 크기나 순서를 비교하는 연산자이다. 연산자 의미 = 같다 !=, 같지 않다..
오라클 데이터 타입 1. 오라클에서 지원하는 데이터 타입 데이터 타입의 종류 의미 CHAR(SIZE) SIZE 크기의 고정 길이 문자 데이터 타입 (반드시 기입해야 한다.) 최대 크기 : 2,000 바이트 최소 크기 : 1 바이트 VARCHAR2(SIZE) SIZE 크기의 가변 길이 문자 데이터 타입 (반드시 기입해야 한다.) 최대 크기 : 4,000 바이트 최소 크기 : 1 바이트 NVARCHAR2(SIZE) 국가별(NATIONAL) 문자 집합에 따른 SIZE 크기의 문자 또는 바이트의 가변 길이 문자 데이터 타입 (반드시 기입해야 한다.) 최대 크기 : 4,000 바이트 최소 크기 : 1바이트 NUMBER(P, S) 정밀도(P) 와 스케일(S) 로 표현되는 숫자 데이터 타입 P : 1 ~ 38 S : -84 ~ -127..
SELECT 절 연산자 사용 1. 합성 연산자 : || 하나의 칼럼에 다른 칼럼, 산술 표현식, 상수 값 등을 연결하여 하나의 컬럼처럼 출력하고자 할 때 활용할 수 있다. 다음 예시는 칼럼끼리의 질의 결과를 연결하여 출력해보는 예시이다. 이를 좀 더 활용해보면 다음과 같이도 나타낼 수 있다. 2. 산술 연산자 : + - * / 칼럼 값에 산술 연산자를 적용하여 계산된 결과를 질의 결과로 확인할 수 있게 하며, 다음과 같은 특징을 가진다. 1️⃣ 숫자 또는 날짜 타입에만 적용 가능하다. 2️⃣ 수학에서의 연산자 우선 순위와 동일하며, 괄호를 통해 우선 순위를 바꿀 수 있다. 다음은 숫자 타입에 연산자를 적용한 질의 결과이다. 그 다음은 날짜 타입에 연산자를 적용한 질의 결과이다.
SELECT 절 작성하기 1. SELECT 절 작성 방법 SELECT [DISTINCT] * | COLUMN_LIST FROM TABLE_NAME [WHERE CONDITION] [GROUP BY GROUP_BY_EXPRESSION] [HAVING GROUP_BY_CONDITION] [ORDER BY COLUMN] SELECT 절의 표준 형식은 위와 같고 그 중 SELECT 절과 FROM 절은 필수로 작성해야 하는 영역이다. 그 외 문장 또는 키워드는 필요에 따라 추가가 가능하다. 각 절의 진행되는 순서는 다음과 같다. FROM 👉 WHERE 👉 GROUP BY 👉 HAVING 👉 SELECT 👉 ORDER BY 2. 테이블 내 모든 데이터 출력하기 1️⃣ 테이블에 존재하는 모든 컬럼명 작성하기 2️⃣ * (아스테리크) 키워드 ..
float, clear 속성 1. float 속성 : 왼쪽이나 오른쪽으로 배치하기 float : left | right | none float 속성을 적용한 요소는 속성 값에 따라 배치가 되는데 이 위치에 따라 다음 요소가 배치되는 곳이 달라진다. float 속성을 적용하지 않은 예시를 먼저 살펴보도록 하자. 사회보장·사회복지 국가는 사회보장·사회복지의 증진에 노력할 의무를 진다. 국가는 사회보장·사회복지의 증진에 노력할 의무를 진다. 국회의원이 회기전에 체포 또는 구금된 때에는 현행범인이 아닌 한 국회의 요구가 있으면 회기중 석방된다. 연소자의 근로는 특별한 보호를 받는다. 모든 국민은 종교의 자유를 가진다. 정당은 그 목적·조직과 활동이 민주적이어야 하며, 국민의 정치적 의사형성에 참여하는데 필요한 조직을 가져야 한다. 법률안에..
여백(margin, padding)을 조절하는 속성 1. margin 속성 : 요소 주변 여백 설정하기 margin-top : | | auto margin-right : | | auto margin-bottom : | | auto margin-left : | | auto margin : | | auto 1️⃣ 크기 : 마진 값을 px 나 em 등의 단위로 지정할 수 있다. 2️⃣ 백분율 : 박스 모델을 포함하고 있는 부모 요소를 기준으로 % 지정한다. 3️⃣ auto : display 속성에서 지정한 값에 맞게 적절한 값을 자동으로 지정한다. 마진은 요소 주변의 외부 여백이다. 즉 마진을 이용하면 다른 요소와의 거리(간격)을 조절할 수 있게 된다. 네 방향 모두 다르게 마진 값을 지정하거나, 한 번에 지정할 수도 있다. margin : 30px 50px;..
테두리 관련 속성 1. border-style 속성 : 테두리 스타일 지정하기 border-style : none | hidden | dashed | dotted | double | groove | inset | outset | ridge | solid 2. border-width 속성 : 테두리 두께 지정하기 border-top-width : | thin | medium | thick border-right-width : | thin | medium | thick border-bottom-width : | thin | medium | thick border-left-width : | thin | medium | thick border-width : | thin | medium | thick 테두리는 네 방향을 따로 지정..