까먹기 위해 기록하는 것이다

1. Selector(선택자) 1. Selecotr(선택자)란? CSS 속성을 적용시킬 태그를 지칭하는 것을 말한다. 선택자에는 여러가지 종류가 있고 전체 선택자, 클래스 선택자, 아이디 선택자, 자손 선택자, 가상 선택자 .. 등이 존재한다. 스타일 적용 방식에서 중괄호 앞에 쓰는 것들이 선택자가 된다. 2. 전체 선택자 웹 문서에 존재하는 모든 태그에 스타일을 적용할 때 사용. 전체 선택자는 별표(*)로 지정 * { 스타일1: 속성값1; 스타일2: 속성값2; .... } 전체 선택자는 문서의 여백이나 글꼴 크기 등 기본 스타일을 초기화할 때 사용 3. 태그 선택자 특정 태그에 스타일을 적용할 때 사용 전체 선택자가 가장 많은 태그들을 선택할 수 있다면 태그 선택자는 두 번째로 많은 태그들을 선택할 수..

1. CSS(Cascading Style Sheet) 1. CSS란? CSS는 HTML과 함께 웹 표준의 기본 개념 HTML이 웹 문서의 구조와 뼈대를 담당하고 CSS 웹 문서의 디자인 요소를 담당 CSS를 정의하는 방식 head 태그 안에 stlye 태그를 사용하여 정의하는 방식(내부 스타일 시트) body 안의 태그들에 style 속성으로 정의하는 방식(인라인 스타일 시트) 외부 CSS파일을 작성해서 링크를 걸어주는 방식(외부 스타일 시트) 스타일을 정의하는 방식은 태그들을 선택할 수 있는 선택자들을 이용해서 스타일을 정의할 수 있다. 선택자의 종류로는 태그 선택자, 아이디 선택자, 클래스 선택자 등등이 있다. 2. 스타일과 스타일 시트 스타일은 HTML 웹 문서에 글꼴이나 색상, 배경색, 각 태그의..

1. 시맨틱 태그 1. 시맨틱 태그란 시맨틱(semantic) 의미의, 의미적 뜻을 가진 형용사로 기능은 없고 의미적인 부분만 표현하는 태그 시맨틱 태그는 HTML 웹문서 구조를 잡는데 도움을 주는 태그. HTML5에 최초로 등장. 시맨틱 태그가 나오기 전에는 웹 문서 구조를 잡을 때 div 태그만 주로 사용. header, main, footer, nav, aside ... 등 아무기능 없이 위치를 표시하거나 영역을 나눌 때 사용한다. 시맨틱 태그의 종류 header : 사이트의 헤더 영역을 담당하는 태그 로고, 네브바(메뉴바), 검색창등이 포함 main : 사이트의 메인 콘텐츠를 표출하는 영역 section, article, aside 등의 시맨틱 태그로 다시 한 번 영역을 나눌 수 있다. foote..

1. 폼 관련 태그 1. 폼이란? 폼이란 백엔드나 다른 페이지에 요청을 보낼 수 있는 특수한 기능을 가진 태그. 요청을 보낼 때 폼안에 있는 데이터들도 전송할 수 있다. 폼 태그가 주로 사용되는 곳은 회원가입 페이지, 로그인 페이지, 회원관련 페이지, 주문 페이지 등 폼의 동작 방식(로그인) 사용자가 아이디와 비밀번호를 입력 사용자가 로그인 버튼을 클릭 폼에 매핑되어 있는 주소로 아이디와 비밀번호를 가지고 요청을 보냄 백엔드 프로그램에서 요청으로 온 아이디와 비밀번호를 가지고 데이터베이스에서 아이디와 비밀번호가 일치하는 검사를 진행 일치하면 로그인되도록 처리 일치하지 않으면 아이디나 비밀번호가 틀렸다고 메시지를 띄워준다. 폼이 요청을 보낼 때 가지고 가는 데이터들은 모두 form 태그안의 태그로 존재해야..

1. 이미지와 하이퍼링크 1. 이미지 웹에서 사용하는 이미지의 종류 GIF : Graphic Iterchange Form의 약자. 표시가능한 색상의 수가 256가지. 다른 이미지 파일들에 비해 크기가 작아서 주로 아이콘이나 불릿 등 작은 이미지에 사용이 되고 또는 움직이는 이미지를 제작할 때 사용. JPG/JPEG : Joint Photographic Experts Group의 약자. GIF보다 더 다양한 색생과 명암 표현이 가능하고 저장을 여러번 반복하면 화질이 저하되는 단점이 있다. PNG : Portable Network Graphics의 약자. 네트워크 용으로 만들어지 이미지 파일이라 최근에 많이 사용되고 있고 배경을 투명하게 만들 수 있어서 다양한 배경의 표현이 가능하다. SVG : Scalab..

1. 테이블을 만들어주는 태그 1. table 태그 표의 자리를 지정해주는 태그 2. tr태그 표에 행을 추가해주는 태그 3. th태그 행의 제목이 되는 태그 4. 행 또는 열을 병합하는 colspan, rowspan 속성 colspan : 지정한 셀의 개수만큼 가로로 병합 rowspan : 지정한 셀의 개수만큼 세로로 병합 5. 테이블에 제목을 붙여주는 caption table 태그 바로 뒤에 사용. 표 위쪽 중앙에 제목이 표시된다. caption 태그안에 다른 태그를 사용하여 스타일을 입힐 수도 있다. 6. 여러 열을 묶어서 스타일을 지정하는 colgroup, col colgroup 태그는 컬럼들의 그룹을 생성. caption 뒤 tr, td 전에 사용. col 태그는 colgroup 태그 내에서 컬..

1. 목록을 만들어 주는 태그 1. 순서없는 목록을 만들어 주는 ul ul(unordered list)의 약자 ul 태그 안에 항목을 추가할 때는 li태그 사용 ul 태그의 li 태그는 작은 원이나 사각형 같은 불릿을 표출 css list-style-type 속성을 이용해서 불릿의 모양을 변경할 수 있다. 2. 순서가 있는 목록을 만들어주는 ol ol은 ordered list의 약자. ol 태그도 마찬가지로 항목을 만들 때는 li 태그 사용 목록의 번호의 표기방법이나 시작 숫자, 문자를 지정할 수 있다. type : 번호의 표기방법 지정 1 : 숫자로 순서를 표기 a : 영문 소문자로 순서를 표기 A : 영문 대문자로 순서를 표기 i : 로마숫자 소문자로 순서를 표기 I : 로마숫자 대문자로 순서를 표기..

1. 텍스트 관련 태그 1. 제목을 만들어주는 h1~h6 h1~h6 태그는 제목을 표시하는 태그. h1이 가장 크고 진하게 표시되고 숫자가 커질수록 크기가 작아지고 연해지게 표시된다. h6가 가장 작으면서 가장 연하게 표시되는 태그. 2. 단락을 만들어 주는 p 텍스트를 표출할 때 가장 많이 사용되는 태그 텍스트의 단락을 만들어주는 태그로써 단락은 줄바꿈이 있는 텍스트 덩어리를 의미 를 만나기 전까지의 텍스트는 한 줄로 표시(브라우저 사이즈에 따라 여러줄로 표시). 블록태그의 속성으로 인해 단락처럼 보임. 블록태그는 브라우저의 한 줄을 다 차지하기 때문에 옆에 다른 태그가 올 수 없다. 3. 줄 바꿈 태그 br 텍스트 단락에 엔터값을 아무리 넣어도 한 줄로 표시가 되기 때문에 줄 바꿈을 원할 때는 br태..

1. HTML 1.HTML이란 html은 웹사이트에서 사용할 파일의 형식. html확장자로 구성된 문서이다. HTML은 Hyper Text Markup Language의 약자로 Hyper Text는 다른 문서나 다른 사이트로 이동할 수 있는 기능을 가진 텍스트 Markup은 태그들로 HTML문서의 body부분을 채워넣는 작업을 말한다. 마크업을 진행할 때는 약속된 표기법을 사용해서 진행하게 되는데 로 표시된 태그들을 사용한다. 대부분의 태그들은 여는태그와 닫는태그 쌍으로 존재한다. 내용, , ... 몇 몇 태그들은 닫는 태그가 없다. , ... 태그들은 각각의 속성이 존재하여 속성값과 함께 사용 태그안에 태그를 포함할 때는 포함관계를 명확하게 명시해야한다. HTML 특성상 공백이나 특수문자들이 제대로 표..

1. JDBC(Java Database Connectivity) 1. JDBC란 JDBC는 JAVA 프로그래밍 언어를 이용해서 데이터베이스에 데이터를 저장하거나 수정, 삭제, 조회등의 쿼리를 실행할 수 있도록 하는 API. DATABASE를 제작하는 벤더사에서 데이터베이스에 접속할 수 있도록 드라이버를 자체 제작하여 제공. JDBC 드라이버는 TYPE1~4까지 버전이 있지만 순수 자바로 구성된 TYPE4를 사용한다. TYPE4 드라이버 : 순수 자바로 작성되어 다른 네이티브 라이브러리나 추가 미들웨어 없이도 데이터베이스 접속할 수 있는 드라이버. 휴대성과 높은 성능을 가지고 있다. ORACLE : Oracle JDBC Thin Driver(ojdbc) MySQL : Connector/J PostgreSQ..