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

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..

1. Stored Sub Program 1. Stored Sub Program란? 저장 서브 프로그램이란 필요할 때마다 PL/SQL을 호출하여 사용하기 위해 데이터베이스에 PL/SQL구문을 저장해놓은 프로그램을 말한다. 저장 서브 프로그램은 오라클에 저장하고 공유하여 사용할 수 있어서 메모리, 성능, 재사용등의 장점을 갖는다. SF(Stored Function), SP(Stored Procedure), Trigger 등이 존재한다. 2. Stored Procedure Stored Procedure는 특정한 기능, 특정한 작업을 처리하기 위한 서브 프로그램. 쿼리문에서는 호출이 불가능. 단독으로만 실행 가능. 파라미터가 없는 프로시저 프로시저의 선언 CREATE OR REPLACE PROCEDURE 프로시..

1. PL/SQL 1. PL/SQL이란? PL/SQL(Procedural Langauge extension to SQL)은 SQL 문장안에서 변수를 만들고 조건처리(IF), 반복처리(LOOP, WHILE, FOR)를 할 수 있는 오라클 자체에 내장되어있는 절차적인 언어. PROCEDURE, FUNCTION, TRIGGER ..이 PL/SQL로 포함된다. PL/SQL의 장점 BLOCK 구조로 다수의 SQL문을 한번에 DB에 보내므로 처리속도를 향상시킴 BLOCK 구조로 되어있어서 모듈화하기 편하다. 큰 BLOCK안에 작은 BLOCK들을 여러개 생성할 수 있어서 다양한 처리가 가능 단순하거나 복잡한 변수를 선언해서 사용할 수 있기 때문에 데이 터를 계속 조회해야 하는 일이 적어진다. EXCEPTION 처리가..

1. 제약조건(Constraint) 1. 제약조건이란 제약조건은 테이블에 저장할 데이터를 제한하는 특수한 규칙. 제약조건이 걸려있는 컬럼에는 조건에 맞지 않는 데이터는 저장할 수가 없다. 제약조건은 데이터베이스의 데이터들의 정확성과 무결성을 보장해준다. DML(INSERT, DELETE, UPDATE)을 사용했을 때 잘못된 트랜잭션이 수행되지 않도록 결함을 유발시켜서 작업을 방지. PK(Primary Key), FK(Foreign Key)가 RDB(관계형 데이터베이스)의 근간이라고도 볼 수 있는 제약조건이다. 모든 테이블들은 PK를 생성해서 식별자 역할을 하게 해줘야하고 FK를 통해서 테이블간의 관계를 맺어줘야 한다. PK, FK, UK(Unique Key), NOT NULL, CHECK, DEFAULT..