날아라쩡글이의 블로그입니다.

div 태그 블록 엘리먼트 다른 엘리먼트를 포함하는 컨테이너 엘리먼트 id, class, style 속성이 주로 사용된다. id : 고유한 값 class : 같은 스타일이라는 의미 div를 사용해서 여러 엘리먼트들의 하나의 그룹으로 설정하면 해당그룹의 스타일 적용, 엘리먼트 조작등의 작업을 수행할 수 있게 한다. 해당 부분을 통째로 안보이도록 만들 수 있다. display를 none으로 적용하면 보이지 않게 만들 수 있다. css는 미리 스타일을 정의하고 스타일을 가져다가 붙이는 것이다.

인라인 엘리먼트 필요한 컨텐츠 만큼의 너비를 갖기 때문에 margin과 padding을 이용해서 거리를 조정할 수 있지만, 너비를 갖는 것은 불가능하다. 새로운 줄에서 시작하지 않을 수도 있다. 컨텐츠를 표시하는 데, 필요한 만큼의 너비만 가진다. 인라인 엘리먼트는 블록 엘리먼트로 꼭 감싼다 엘리먼트의 너비 (width)를 지정해도 적용이 되지 않는다. 엘리먼트내의 컨텐츠(자식엘리먼트, 텍스트)를 정렬할 수 없다. 대표적 a 링크를 표현하는 태그 strong, em, small, del, mark, b, i 텍스트를 포맷팅하는 태그 b 와 i는 잘 사용하지 않는다. img 이미지를 표현하는 태그 label, imput, select, textarea, button(form과 관련있는 태그) 폼 입력요소를..

즉 태그 내부에 text로 작성한 것을 엘리먼트 객체가 html을 해석하고 객체를 생성해서 DOM객체가 완성되었다. html에서 DOM은 미리 정해놓은 메소드를 이용하여, 메소드의 이름대로 도큐먼트를 구현한다. 모든 html문서는 모든 브라우져가 통일되어있기 때문에 해석할 수 있다. why? w3c가 Document Interface를 정의해놨기 때문에 오래전에 작성된 문서라서 온갖프로그램에서 가지고 있다. 엘리먼트 p엘리먼트, p태그 처럼 혼용해서 사용할 예정이다. 태그란 text를 적은 것을 의미한다. 엘리먼트는 태그를 표현하는 객체이다. 엘리먼트는 브라우져가 html문서를 해석해서 html Document Object Model 객체를 생성할 때 HTML문서에 포함된 모든 태그마다 하나씩 생성되는 ..

이미지 표시하기 주요 속성 src 페이지에 표시할 이미지 파일의 경로 alt 이미지에 대한 설명을 작성한다. 시각 장애우를 위한 내용으로 tab키로 이동되는 순서와 한 개의 키로 시각장애인이 이용할 수 있도록 웹 접근성 평가를 받는다. 웹 접근성 평가 : 장애인 차별 금지법에 의한 법으로 정해진 웹 페이지를 만들 때 테스트를 받는 평가 방법 공공기관, 포털, 은행기관은 웹 접근성 평가를 받아야 한다. img 태그는 컨텐츠를 가지지 않는 태그이다. 사용방법 닫는 태그는 생략해도 상관없다. 컨텐츠를 따로 갖지 않는다. 그림의 크기는 style로 변경할 수 있다.

텍스트 컨텐츠의 일부분 혹은 전부를 포맷팅할 때 사용하는 태그이다. 텍스트 컨텐츠의 일부분을 다르게 보이게 할 때 사용하는 태그 중요한 텍스트를 담는다. 상품의 이름, 영화의 제목, 책의 제목, 기사의 중요한 키워드 단순 글자를 크게하는 것이 아닌 중요한 텍스트에 붙이는 것이다. 중요한 내용은 강조태그를 이용하여 강조할 수 있다. 태그 대신 사용한다. 강조할 때 사용하는 텍스트 상품의 실제 판매가격 기울이는 것만이 아닌 중요한 부분을 기울이는 것이다. 중요한 text는 묶어놔야 나중에 style을 특별하게 적용할 수 있기 때문이다. 그 부분을 style을 다르게 줄 수 있다. 작게 표시될 텍스트 같은 제목인데도 불구하고 상대적으로 작게 표현되는 것을 의미한다. 삭제된 텍스트 텍스트에 중심선이 간다. 하이..

다른 문서로 연결되는 링크를 생성하기 a태그를 사용한다. 주요 속성 herf 연결되는 문서의 주소를 지정한다. title? 1번 사용하던지 사용하지 않아야 하는 태그이다. 풍선 도움말을 지정한다 target? 링크로 연결되는 문서를 어디에서 표시할 것인지 지정한다. target에 들어갈 속성 target="_self" : 원래 있던 창에서 열린다. 디폴트 값으로 현재 창이나 탭에서 연결된 페이지를 표시한다. target="_blank" : 새 창이나 새 탭에서 연결된 페이지를 표시한다. target="_parent" : 팝업이 열리면 child의 window의 창이 열리고, child를 누르면 parent의 창이 바뀐다. 팝업의 부모창에서 연결된 페이지를 표시한다. target="_top" _self와 ..

표를 담는 태그 , , ,,,,,,, table은 표를 담는 태그다. thead는 표의 헤더부를 담는 태그다. tbody는 표의 데이터부를 담는 태그다. 테이블을 구분해놓은 것은 나중에 꾸밀때도 편하기 때문에 구분지어서 작성한다. tfoot는 표의 푸터부를 담는 태그다. tr은 표의 행을 생성하는 태그다. th는 각 항목의 제목을 담는 태그다. td는 각 항목의 데이터를 담는 태그다 colgroup, col은 테이블에 포함된 각 컬럼의 너비를 지정하는 태그다. caption은 표에 대한 설명을 담는 태그다. table > (thead? > tr+ > th+)?, (tbody? > tr+ > (th|td)+), (tfoot? > tr+ > (th|tr)+)? 표기법에 딱 맞는 표기법은 아니다. 전달하기 위..

ALT + SHIFT + 아래화살표 : 복사하기 CTRL+SHIFT+ K :지우기 순서있는 목록을 담는 태그 , ol태그는 li태그를 자식태그로 포함한다. 컨텐츠 --- list_item 순서있는 목록은 데이터가 그렇게 많지 않다. 나중에 JSP에서는 ol사이에 java의 문법을 입력하는 것이다. 들여쓰기는 나중에 전부 조절이 가능하기 때문에 걱정하지 않아도 된다. 랭킹, 음악랭킹 순서 없는 목록 순서없는 목록을 담는 태그 ul태그는 li태그를 자식태그로 포함한다. 순서가 없이 단순 나열된 부분을 작성할 때 사용한다. 숫자나 동그라미가 나타나지 않게 만들어 낼 수 있다. 순서가 중요한 부분들은 ol태그로 순서가 필요없는 부분들은 li태그로 만든다. 뉴스 목록처럼 순서가 없는 것을 담는다. 정의 목록 태그..

웹은 논문의 자료를 공유하기 위해 작성을 했다. 태그는 변수의 타입이다. 논문의 자료를 공유하기 위하여 제목과 본문의 내용을 작성하는 것이다. 영화의 설명, 영화의 줄거리, 상품의 설명, 게시글의 내용을 본문내용이라고 부른다. 본문내용을 담는 태그로 P태그라고 부른다. Paragraph태그 (단란태그) 본문의 내용을 담는 태그를 만든다. p태그는 중복해서 사용하게 될 뎡우 단락을 추가하게 된다. 단락이란 한문단의 단락을 구분하게 만들어 주는 것이다. p태그와 p태그는 단락을 구분짓는 빈 줄이 추가된다. p태그안에서는 줄바꿈은 무시해도된다.

html문서의 문자 인코딩 방식을 UTF-8로 지정한다. 인터넷 익스플로워 브라우져의 호환성을 지정한다, 없어도 된다. 인터넷 익스플로워가 브라우져마다 8, 9, 10 은 호환이 되고 6, 7은 호환이 안될 때가 있었다. 브라우져에서 호환성테스트를 실행해보고 잘나오는 환경으로 호환이 되도록 설정한 것이다. 모바일 장치에서 컨텐츠가 표시될 때 확대/ 축소 지원을 위한 설정을 하는 것이다. 모바일 지원을 하지 않을 꺼면 삭제를 해도 된다. 이것이 설정되어야 디바이스의 컨텐츠를 확대/ 축소할 수 있다. BODY 태그 안에 작성한다. 제목을 담는 태그 H1, H2, H3, H4, H5, H6 숫자가 낮을 수록 더 큰 범위의 제목이다. 제목에서만 사용하는 태그이다. 거의 대부분의 문서에는 제목태그가 존재한다. 공..

WEB이란 어플리케이션이란 WEB브라우져 컨텐츠 service(주문, 정보)를 이용하는 것을 의미한다. 인터넷 기반의 경우 TCP/IP인 연결지향 프로토콜을 이용하여 오류없이 전송하는 것을 의미한다. TCP 패킷을 전송하는 역활 패킷의 순서 알려주는 역활 오류발생을 체크해주는 정보를 포함한다. IP 컴퓨터의 호스트주소를 분석하여 인터넷을 통하여 연결하는 역활을 맡고있다. 인터넷네트워크는 TCP와 IP를 통하여 정말 많은 정보/서비스를 전달하고 있다. HTTP프로토콜 브라우져에서는 웹서버를 연결하기 위해서 어떤 규칙이 있다. (어떻게 전송하는지에 대한 규칙) 모든 웹서버, 웹브라우져가 http로 규정이 된 법칙으로 메세지를 보낸다. 모두가 똑같은 방법으로 제작한다. 어떤 브라우져를 사용하던지, 어떤 웹서버..

논리적인 작업 단위를 구성하는 데이터 조작 명령문의 모음 중요한 개념으로 APP개발시 중요하다. 트랜잭션의 처리 대상 데이터 조작어 (DML) 데이터베이스 테이블에 데이터를 추가, 갱신 또는 삭제할 때 사용하는 명령어 INSERT, UPDATE, DELETE 명령문에서 사용된다. 작업들을 논리적인 작업 단위로 묶는것을 의미한다. 예제 -- 이체하기 내 계좌의 잔액 감소 --UPDATE 상대방의 잔액이 증가 --UPDATE 내 계좌에 이체 발송 내역 추가 --INSERT 상대방 계좌에 이체 수신 내용 추가 --INSERT 이체하기는 4번의 DML작업으로 구성된다. 이 부분이 논리적인 작업단위이다. 예제 -- 구매하기 구매 정보 저장 --INSERT 배송 정보 저장 --INSERT 결제 정보 저장--INSE..

상호연관 서브쿼리 쿼리내에 있는 쿼리 메인쿼리의 컬럼을 참조하는 서브쿼리 메인 쿼리의 조회된 각 행마다 한번씩 실행된다. 메인쿼리의 행의 결과가 10인 경우 서브쿼리도 10번 실행된다. 각 행마다 조건식이 실행된다. WHERE조건식의 연산결과가 TRUE로 판정되는 행만 최종적으로 조회된다. SELECT EMPLOYEE_ID, FIRST_NAME, JOB_ID, SALARY FROM EMPLOYEES X--사원을 조회, 행이 107개가 존재 WHERE SALARY > (SELECT AVG(SALARY) FROM EMPLOYEES Y WHERE Y.JOB_ID = X.JOB_ID--여기에 직종아이디가 들어가야함 , 외부 행의 107를 사용하고 싶음 --JOB_ID 의 평균에 대해서 계산을 각기 진행하는 것,..

뷰 (VIEW) 테이블 혹은 다른 뷰를 기반으로 하는 가상의 테이블 (논리적인 테이블) 이다. 특징 물리적인 저장공간을 가지지 않는다. 애초에 존재하지 않는다. INSERT, UPDATE, DELETE 작업의 수행이 불편하다. 직원에 대한 상세정보가 적힌 가상의 테이블로써 제약조건이 존재하지 않고, 모델도 따로 존재하지 않는다. 실제하지 않는 테이블이라는 뜻이다. 목적 복잡한 SQL문을 간단하게 작성하기 위해서 사용한다. 데이터의 엑세스를 제한하기 위해서 사용한다.(데이터에 대한 보안성 강화) 사용자의 권한과 연관이 있다. 동일한 데이터로부터 다양한 결과를 얻기위해서 사용한다. 뷰 정의 하기 (가상의 테이블) CREATE OR REPLACE VIEW EMP_SALARY_DETAIL_VIEW AS SELE..

DDL (데이터 정의 언어 ) 오라클의 구조를 정의한다. CREATE, DROP, ALTER, TRUNCATE 데이터 베이스의 주요 객체를 생성한다. 테이블 데이터의 실제 저장소이다. 데이터의 기본 저장단위로 행과 열로 구성되어있다. 뷰 하나 이상의 테이블을 사용해서 만든 가상의 테이블이다. 실질적인 데이터를 저장하지 않는다. 시퀀스 오라클에만 존재한다. 일련번호 생성기 인덱스 검색성능을 향상시키기 위해 데이터에 대한 색인을 가지고 있다. 색인: 어떤 꾸러미에 들어있는 DB의 지름길 키이다. 값이 정렬되어있다. 동의어 객체에 대한 다른 이름을 제공하는 것이다. 객체 A를 B로 가르킬 수 있다. 트리거 테이블에 값을 변경하거나 입력시 다른 테이블의 값을 변경해주는 것이다. 스케쥴러 일정한 주기로 실행되는 ..

조인 두 개 이상의 테이블의 연관 있는 행들끼리 연결해서 새로운 가상의 테이블을 생성하고, 그 가상의 테이블에서 데이터를 조회하는 것이다. 조인을 하게 되면 카티션 곱으로 전체의 행이 합해지는 가상의 테이블이 생성되기 때문에 어떤 column이 연결이 되는지 알고 있어야한다. 같은 테이블이던, 다른 테이블이던 참조하고 있는 외래키가 존재하고 있기 때문에 함께 join을 진행해주면 된다. RDBMS는 모든 정보를 하나의 테이블에 저장하는 것이 아니라, 데이터가 정규화되어 여러 테이블에 분산되어있다. 데이터가 여러 테이블에 흩어져 있기 때문에 사용자가 원하는 데이터를 찾기 위해서는 여러 테이블을 다 조회해야한다. SELECT 5 FROM 1 WHERE 2(조건절에서 먼저 거르고) GROUP BY 3(그룹핑을..

내장 함수는 SQL 작성을 위해서 사용할 수 있는 유용한 기능이 제공되는 함수를 의미한다. DBMS 제품마다 조금씩 차이가 있다. Oracle의 함수의 경우 객체에 종속이 되어있지 않기 때문에 그냥 사용이 가능하다. 빌트인 된 함수라고 생각하면 된다. 그럼 함수와 메소드는 어떤 차이가 있을 까? 함수 차이점 객체에 종속되어 있지 않아 그냥 사용할 수 있다. 메소드 차이점 객체에 종속되어 있어, 객체를 생성하고, 참조변수로 이용가능하다. 공통점 이름이 있는 코드 블록이다. 함수내에 메소드가 들어가 있고, 메소드는 무조건 객체의 구성요소라는 점이 다르다. 함수의 종류에는 2가지가 있다. 함수의 종류 단일행 함수 조회된 행마다 하나의 결과를 반환한다. 단일행 함수는 중첩해서 사용할 수 있다. 종류 문자함수 문..

ORACLE SQL강의를 시작한지 이제 1주일이 지났다. 강의를 들으면서 이해가 되는 부분이 생겼고, 이제는 책을 읽어도 어떤 말인지 이해가 될 것같아 시험 접수를 시작, 오늘부터 시험준비를 진행하기로했다. 국비 수업 과제 , 수업 정리, 수업 시험, 집안일 으로 인하여 정처기 실기시험은 불합격이 된 것 같다. 그러나 어떻게 진행이 되는지 이해가 되었고, c언어, 파이썬에 대한 공부, SQL에 대한 보강 후 !! 1회차에 시험을 합격하겠다. 국비수업을 진행하면서 점점 눈이 트이고 이해가 되는 부분이라서 내년시험에 꼭 합격할 것이다. SQLD도 확실히 배우고 이해를 높여서 합격을 하고 정처기 필기 + 자격증으로 취업문에 한발자국 다가가겠다. 화이팅!!

https://github.com/good-luck-sh/Study.io/blob/main/Project/1step/REARDME.MD GitHub - good-luck-sh/Study.io Contribute to good-luck-sh/Study.io development by creating an account on GitHub. github.com

https://www.notion.so/homework-125d0624b72d47a6a8192d97d1dc8851 게시판 homework vo www.notion.so