검색결과 리스트
분류 전체보기에 해당되는 글 150건
- 2013.11.26 HTML5 기본태그 (이미지 태그)
- 2013.11.26 HTML5 기본태그 (테이블 태그)
- 2013.11.26 HTML5 기본 태그( 목록 태그)
- 2013.11.21 HTML5 기본 태그( 글과 관련된 태그)
- 2013.11.21 HTML5 기본 문서
- 2013.11.21 DB프로그래밍
- 2013.11.21 JSP 액션
- 2013.11.21 JSP에 대해
- 2013.11.19 서블릿 프로그래밍
- 2013.11.19 스타일 시트
글
HTML5 기본태그 (이미지 태그)
- Image의 줄임말
- 이미지를 삽입해주는 태그
- 반드시 src라는 속성을 동반한다.
- </img>태그는 기록하지 않아도 된다.
- 사용법
<img src=“경로/이미지화일 이름”>
경로 : 상대경로만 사용한다.
이미지를 삽입하려는 웹페이지와 같은 폴더에 있을 때 : 이미지 화일명만 기록한다.(나머지의 경우는 경로를 써주어야한다.)
(1) Src속성
<img src=“경로/이미지 화일명”> 형식으로 쓰인다.
1)경로
웹문서와 이미지가 같은 폴더에 있는 경우
Src=“이미지 화일명”
이미지가 웹문서의 바로 하위 폴더에 있는 경우
Src=“폴더명/이미지 화일명”
이미지가 웹문서의 바로 상위 폴더에 있는 경우
Src=“../이미지 화일명”
(2) Alt, title
- Alt (Alternative) : 이미지가 제대로 로드 되지 않았을 경우 대체 문구를 나타낸다.
- Title : 이미지 위에 마우스 포인터를 가져다 대었을 때 나타나는 풍선도움말의 문구를 나타낸다.
(3) Align
-Align =Left, right 의 경우
정렬과 관련된 속성으로, 텍스트와 이미지가 함께 있을 경우 텍스트에 대한 이미지의 위치를 지정한다
-Align = top, middle, bottom 의 경우
역시 정렬과 관계되는 속성이며, 이미지와 텍스트가 함께 있을 경우 이미지에 대한 텍스트의 수직 정렬에 관한 내용이다.
(4) Border
<img src=“이미지화일명”border=숫자>형식으로 사용된다.
이미지 테두리를 만들어 준다.
이미지에 하이퍼링크가 만들어졌을 경우는 border= 0을 입력해 테두리를 없애주어야한다.
숫자는 픽셀을 의미한다.
(5) Height, Width
이미지의 너비와 높이를 설정해 주는 속성이다.
<img src=“이미지화일명” Height=숫자 Width=숫자 >형식으로 사용된다.
이미지의 크기를 HTML안에서 재설정하는 기능으로 너무 크게 하거나 너무 작게 하면 이미지가 깨지므로
작은 숫자값 안에서 조정해야 한다.
'개발 > HTML' 카테고리의 다른 글
| HTML5 기본태그 (비디오 태그) (0) | 2013.11.26 |
|---|---|
| HTML5 기본태그 (오디오 태그) (0) | 2013.11.26 |
| HTML5 기본태그 (테이블 태그) (0) | 2013.11.26 |
| HTML5 기본 태그( 목록 태그) (0) | 2013.11.26 |
| HTML5 기본 태그( 글과 관련된 태그) (0) | 2013.11.21 |
설정
트랙백
댓글
글
HTML5 기본태그 (테이블 태그)
1. 테이블 기본태그
<table>~</table> 태그는 테이블(표)을 만들어 준다. 행과 열로 구성된다.
<tr>~</tr> 태그는 각 행을 기술할 때 사용하며 각행을 기술할 때마다 <TR>태그로 정의해 준다.
<td>~</td>태그는 테이블 안의 데이터를 넣어준다. 즉, 칸을 만들어 준다.
<th>~</th>태그는 테이블 안의 의 제목을 지정합니다.기본 글꼴은 볼드체,기본 정렬은 중앙정렬이다.
ex)
<!doctype html>
<HTML>
<HEAD><TITLE> 테이블연습</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD> 1행 1열 </TD>
<TD> 1행 2열</TD>
</TR>
<TR>
<TD> 2행 1열</TD>
<TD> 2행 2열</TD>
</TR>
<TR>
<TD> 3행 1열</TD>
<TD> 3행 2열</TD>
</TR>
</TABLE>
</BODY></HTML>
2. 테이블의 속성
(1) BORDER, BORDERCOLOR
1) BORDER=n
테이블의 테두리 굵기를 정의한다.
N은 픽셀값을 의미
2)BORDERCOLOR
테이블의 테두리의 색을 지정한다.
BORDERCOLOR="색명 또는 RGB값“의 형식으로 사용한다.
(2) WIDTH ,HEIGHT
1)WIDTH
테이블의 너비를 설정한다.
WIDTH=n(n%)의 형식으로 사용한다.
n은 픽셀이나 퍼센트 값을 설정할 수 있는데, 픽셀은 절대값을 나타내고, 퍼센트는 실행되는 창의
비율로 나타낸다.
2)HEIGHT=n(n%)
테이블의 높이를 설정한다.
HEIGHT=n(n%) 의 형식으로 사용한다.
n은 픽셀이나 퍼센트 값을 설정할 수 있는데, 픽셀은 절대값을 나타내고, 퍼센트는 실행되는 창의 비율로 나타낸다.
(3) ALIGN
ALIGN=LEFT/CENTER/RIGHT : 각각 좌측, 중앙, 우측 정렬을 지정합니다.
1)<table align=“ “>
테이블 자체에대한 정렬이다. 즉, 실행되는 창에 대한 테이블의 위치이다.
2)<tr align=“ “>
한 줄에 대한 정열. 해당되는 줄의 셀에 위치하는 내용에 대한 정렬이다.
3)<td align=“ “>
한 칸에 대한 정열. 해당되는 칸의 셀에 위치하는 내용에 대한 정렬이다.
(4) BGCOLOR
BGCOLOR="색상명 또는 RGB값"
1)<table bgcolor=“ “>
테이블 전체의 바탕색을 지정합니다.
2)<tr bgcolor=“ “>
테이블 한 줄의 바탕색을 지정합니다.
3)<td bgcolor=“ “>
테이블 한 칸의 바탕색을 지정합니다.
(5) CELLSPACING, CELLPADDING
1) CELLSPACING=n
<table>태그의 속성으로 테이블의 셀과 셀 사이의 간격을 n 픽셀 단위로 지정합니다.
실무에서는 cellspacing=0 값이 주로 사용된다.
2) CELLPADDING=n
<table>태그의 속성으로 테이블에서 문자와 셀 사이의 간격을 n 픽셀 단위로 지정합니다
실무에서는 cellpadding=0 값이 주로 사용된다
(6) COLSPAN, ROWSPAN
1)COLSPAN=n
칸(column)을 합침.
즉, 오른쪽으로 n개 만큼의 셀을 하나로 합친다.(기본값은 1)
2)ROWSPAN=n
줄(row)을 합침.
즉, 아래쪽으로 n개 만큼의 셀을 하나로 합친다.(기본값은 1)
(7) NOWRAP
'개발 > HTML' 카테고리의 다른 글
| HTML5 기본태그 (오디오 태그) (0) | 2013.11.26 |
|---|---|
| HTML5 기본태그 (이미지 태그) (0) | 2013.11.26 |
| HTML5 기본 태그( 목록 태그) (0) | 2013.11.26 |
| HTML5 기본 태그( 글과 관련된 태그) (0) | 2013.11.21 |
| HTML5 기본 문서 (0) | 2013.11.21 |
설정
트랙백
댓글
글
HTML5 기본 태그( 목록 태그)
1. <li>태그
-<LI>~</LI> : 항목을 추가할 때 쓰며 종료 태그 </LI>는 생략할 수 있다.
리스트에 독립적인 번호를 부여할 때 사용한다.
-(순서 없는 목록)TYPE=disc,circle,square(소문자로 사용)
-DISC: ●
-CIRCLE:○
-SQUARE:■
ex)
<!doctype html>
<html>
<head><title> 목록태그연습</title></head>
<body>
<h2>리스트 작성하기 </h2>
<hr>
<br>
<font size=5 color=blue> 방 향 </font>
<li> 동(east)</li>
<li> 서(west)</li>
<li> 남(south)</li>
<li> 북(north)</li>
</body>
</html>
2. 순서 있는 목록 만들기
- Ordered List의 단어를 줄여서 만든 태그.
- <OL>~</OL>태그를 이용해서 작성한다.
- 순서 있는 목록 즉, 목록 앞에 숫자를 붙여서 순서를 가지는 목록을 만들 때 사용합니다.(기본값은 숫자)
-TYPE 속성
TYPE=A, a, I(i), i, 1 의 값을 가질 수 있다.
A: 대문자 알파벳 a: 소문자 알파벳
I: 대문자 로마숫자 i: 소문자 로마숫자
1: 숫자
START=n 리스트의 시작 번호를 임의로 바꿀 수 있다.
ex)
<!doctype html><html>
<head><title> 목록만들기 </title></head>
<body>
<h2> 순서 있는 목록 </h2>
<hr color=orange noshade>
<br><font size=4 color= red><b> 요일</b></font>
<font size=4 color= blue>
<OL type=1>
<li> 월요일</li>
<li> 화요일</li>
<li> 수요일</li>
<li> 목요일</li>
<li> 금요일</li>
<li> 토요일</li>
<li> 일요일</li> </font>
</OL></body></html>
3. 순서 없는 목록 만들기
- Unordered List의 단어를 줄여서 만든 태그.
- <UL>~</UL>태그를 이용해서 작성한다.
- 목록 앞에 기호를 붙여서 순서 없는 목록을 만들 때 사용합니다.(기본값은 DISC)
- TYPE=disc, cir cle, square
DISC: ●
CIRCLE:○
SQUARE:■
ex)
<html>
<head><title> 목록만들기</title></head>
<body>
<h2> 순서 없는 목록 </h2>
<hr color=orange noshade>
<br><font size=4 color= red><b> 요일</b></font>
<font size=4 color= blue>
<UL type=square>
<li> 월요일</li>
<li> 화요일</li>
<li> 수요일</li>
<li> 목요일</li>
<li> 금요일</li>
<li> 토요일</li>
<li> 일요일</li> </font>
</UL></body></html>
'개발 > HTML' 카테고리의 다른 글
| HTML5 기본태그 (오디오 태그) (0) | 2013.11.26 |
|---|---|
| HTML5 기본태그 (이미지 태그) (0) | 2013.11.26 |
| HTML5 기본태그 (테이블 태그) (0) | 2013.11.26 |
| HTML5 기본 태그( 글과 관련된 태그) (0) | 2013.11.21 |
| HTML5 기본 문서 (0) | 2013.11.21 |
설정
트랙백
댓글
글
HTML5 기본 태그( 글과 관련된 태그)
1. <Hn> ~ </Hn>태그
-제목을 나타내는 태그
-H1 에서 H6까지 있으며 글씨 크기는 뒤로 갈수록 작아진다
2. <p> ~ </p>태그
-paragraph을 의미한다.
-단락을 만들어주는 태그
-<p>태그는 두번 엔터키를 친 효과가 있고 <br>태그는 한번 엔터한 효과가 있다
3. <br>태그
-콘텐츠의 줄을 분리하는 역학을 한다.
-개행태그 불린다
4. <a>태그
-하이퍼 텍스트를 만들어주는 태그이다
-Href 속성을 이용해서 하이퍼링크가 될 페이지를 지정한다.
<a href="#"> ~ </a>
5. 글자 스타일
-<b> ~ </b> : bold체를 만든다
-<i> ~ </i> :이탤릭체를 만든다.
-<sub> ~ </sub> : 아래첨자를 만든다
-<sup> ~ </sup> : 위첨자를 만든다
-<ins> ~ </ins> : 밑줄그은 문자를 만든다
-<del> ~ </del> : 취소선을 만든다(가운데 선)
6. 루비문자 (ruby character)
-일본어에서 자주 사용되는 글자형식
-<ruby> ~ <ruby>, <rt> ~ </rt> 태그
-<rt> 를 지원하지 않는 브라우저에서는 <rp>를 사용한다.
'개발 > HTML' 카테고리의 다른 글
| HTML5 기본태그 (오디오 태그) (0) | 2013.11.26 |
|---|---|
| HTML5 기본태그 (이미지 태그) (0) | 2013.11.26 |
| HTML5 기본태그 (테이블 태그) (0) | 2013.11.26 |
| HTML5 기본 태그( 목록 태그) (0) | 2013.11.26 |
| HTML5 기본 문서 (0) | 2013.11.21 |
설정
트랙백
댓글
글
HTML5 기본 문서
1. 시맨틱 (semantic)태그의 의미
-시맨틱의 단어 뜻은 의미를 부여했다는 뜻
-HTML5에서는 태그만 보고도 문서를 쉽게 이해 할 수 있도록 의미를 가지는 태그를 도입
-종류 : <header> <hgroup> <nav> <article> <section> <aside> <footer> 등
2. <header>
-사이트 전체의 머리부분이 된다.
-<head>태그와의 차이점
<head>태그는 문서에서 단 한번만 사용하지만 <header>는 여러번 사용 가능
-<head>태그는 <html>태그 다음에 입력하나,<header>태그는 본문 <body>태그 안에서 사용가능 하다
3. <hgroup>
-<hgroup>태그는 제목과 그의 관련된 부제목을 묶어주는 역할 담당
-<header>와의 차이점
<header>태그는 페이지를 구성하기 위한 구분단위, 즉 내용에 따른 페이지 구성분류 단위이고
<hgroup>은 페이지 전체 구조에 대한 개념으로 쉽게 눈에 들어오게하는 역할을 담당
4. <nav>
-<nav> 네비게이션 표현을 위한 태그
-<nav>는 본문 위치에 영향을 받지 않는다, <header><footer><aside>중 어느 위치도 상관없다.
즉 <body>태그 안에는 어디든 사용할 수가 있다.
5. <article>
-<article>태그는 웹페이지 상에서의 실제 내용을 의미
-이 태그를 사용한 웹컨텐츠는 다른곳에 배포하거나 재사용가능
-검색엔진의 검색로봇에서는 이 태그가 사용된 컨텐츠를 배포할 수 있는 컨텐츠로 인식
6. <section>
-이 태그는 웹컨텐츠들을 그룹으로 묶어주는 역할 담당
-<article>태그와는 달리 <section>태그로 묶은 컨텐츠는 재배포 할 수 없다.
단, <section>태그 안에 <article>태그를 사용할 수 있다.
또 <article>안에 <section>사용도 가능하다
7. <aside>
-웹 컨텐츠 제작시 주 내용이 아닌 왼쪽이나 오른쪽에 부수적인 내용이 들어가는 부분에 사용
8. <footer>
-웹사이트의 저작권 정보나 저작권표기와 같은 내용이 들어가는 부분
'개발 > HTML' 카테고리의 다른 글
| HTML5 기본태그 (오디오 태그) (0) | 2013.11.26 |
|---|---|
| HTML5 기본태그 (이미지 태그) (0) | 2013.11.26 |
| HTML5 기본태그 (테이블 태그) (0) | 2013.11.26 |
| HTML5 기본 태그( 목록 태그) (0) | 2013.11.26 |
| HTML5 기본 태그( 글과 관련된 태그) (0) | 2013.11.21 |
설정
트랙백
댓글
글
DB프로그래밍
1. 드라이버 로딩
ODBC 브리지 드라이버
Class.forName(“sun.jdbc.odbc.JdbcOdbcDriver”);
MySQL 드라이버
Class.forName(“com.mysql.jdbc.Driver”);
오라클 드라이버
Class.forName(“oracle.jdbc.driver.OracleDriver”);
2.DB 커넥션 연결
Connection conn = DriverManager.getConnection(url, user, pwd);
3.SQL 전송
-Statement or PreparedStatement 이용
(1) Statement stmt = conn.createStatement();
(2) PreparedStatement pstmt =conn.prepareStatement(query);
-실행
int executeUpdate() : insert, delete, update …
ResultSet executeQuery() : select
4. 결과 처리
int executeUpdate()
int : 처리된 결과 개수 (입력 or 수정된 개수 …)
ResultSet exeucteQuery()
ResultSet : select문의 결과 집합 (테이블)
Cursor의 위치를 이동(next())해 가며 결과를 가져옴(getXxxx())
ex)
String query = “SELECT COF_NAME, PRICE FROM COFFEES”;
ResultSet rs = stmt.executeQuery(qeury);
while( rs.next() ) {
String s = rs.getString(“COF_NAME”);
float n = rs.getFloat(“PRICE”);
System.out.println(s + “ “ + n);
}
5. 커넥션 닫기
-작업이 완료된 다음 close()를 호출하여 작업 종료
rs.close()
stmt.close()
conn.close()
6. 관련 클래스들
DriverManager : 데이터 베이스를 연결하기 위한 커넥션 연결 담당
Connection : 데이터 베이스와 자바 프로그램을 실제로 연결해주는 연결 통로
Statement : sql 문장을 실행하기 위한 객체
PreparedStatement : sql 문장을 실행하기 위한 객체
ResultSet
7. 방명록 예제 ( Dao사용)
- DAO( Data Access Object)
(1) 데이터 베이스에 접근하기 위한 자바 클래스
(2) 데이터의 저장, 검색 등의 기능
8. JNDI ( Java Name Date Interface)
-이름을 이용해서 원하는 정보 혹은 자원을 찾을 수 있는 서비스
- javax.naming 패키지 : JNDI가 속해 있는 패키지
- InitialContext 클래스 :등록, 등록된 정보를 얻기 위해 사용
(1)void bind(String name, Object obj); : 원하는 이름으로 원하는 객체를 등록
(2)void rebind(String name, Object obj); : 원하는 이름으로 원하는 객체를 등록
(3)Object lookup(String name); 등록된 데이터를 가져온다
(4)NamingEnumeration list(String name) :
'개발 > 코딩' 카테고리의 다른 글
| request.getParameter로 값 넘기기 (0) | 2014.06.11 |
|---|---|
| request, response 객체 (0) | 2014.04.03 |
| JSP 액션 (0) | 2013.11.21 |
| JSP에 대해 (0) | 2013.11.21 |
| 서블릿 프로그래밍 (0) | 2013.11.19 |
설정
트랙백
댓글
글
JSP 액션
1. JSP 액션
-자바 코드에 의해 객체를 생성하고 사용하는 것이 아니라 태그를 이용하여 객체의 생성하고 사용하는 것
->JSP 태그 or JSP 액션
-scope : 객체가 사용될 수 있는 범위(Life cycle)
(1)page : pageContext에 저장
(2)request : HttpServletRequest에 저장
(3)session : HttpSession에 저장
(4)application : ServletContext에 저장
2. useBean
-자바 객체를 생서하건 혹은 기존에 이미 만들어진 객체를 리턴
-사용법
(1)id : 인스턴스를 식별하기 위한 이름
(2)scope : 인스턴스의 사용범위, 여기에는 session, page,request, application이 들어간다
(3)class : 패키지 이름까지 모두 기술한 클래스의 이름입니다.
3. setPropert
-빈의 속성값을 할당. name속성에 기술된 이름에 해당되는 자바빈즈 클래스는 jsp:useBean을 이용해서 이 액션이 나타나기 전에 미리 정의되어야 한다.
ex)
prop_expr :: = property="*"|
property="propertname"(필드명이죠)
property="propertyName param="parameterName"(input tag의 이름)
property="propertyName" value="propertyvalue"(할당값)
propertyValue ::= String
name :
property : 값을 변경하고자 하는 빈의 속성이름
param : http 요청의 파라메터 이름
valus : 할당할 값
- 이것의 반대의 개념인 getProperty도 존재
이것은 자동으로 자바플러그인을 위한 html태그를 생성하게 한다
ex)쉽게 설명하면 어떤 페이지 들어가면 인증서 물어보죠? 예 누르면 깔리는거
5. forward
현재 클라이언트의 요청을 실행시에 다른 정적인 자원이나 jsp ,서블릿과 같은 동적인 페이지도 이동 시키는 기능.
간단하게 적자면 이정도구요 ^^ forward를 시키면 값이 날라갑니다
즉 forward를 쓰면 새로고침을 누르면 다시 한번 실행된다는 겁니다 단순히 페이지 이동이
아닌 재실행이 되버립니다 그냥 단순히 페이지 이동만을 시키고 싶다면
reponse.sendRedirect("url");명령어를 사용하시면 됩니다.
6. include
동일한 컨텍스트에 있는 정적 혹은 동적인 페이지를 현재 페이지에 삽입하는것 입니다.
page : 인쿨루드할 페이지의 상대 url을 기술한다
flush : "true"값을 기술하면 버퍼 내용이 즉시 플러쉬 된다. 디폴트는 false
설정
트랙백
댓글
글
JSP에 대해
1. JSP 소개
- MS의 ASP에 대응하기 위해 개발 (쉽고 빠르게 원하는 웹 응용프로그램을 작성)
-장점
(1)서블릿보다 쉽고, 빠르게 작성 가능
(2) 화면 구성을 위한 HTML과 프로그램 로직을 분리 가능
(3) 웹 컨테이너에 의한 효율적인 코드 생성
(4) HTML 페이지 디자인 도구 이용 가능
2. JSP에 자바 코드 삽입
- JSP = HTML+자바코드
- 스크립트렛(Scriptlet) :자바 코드가 들어가있는 문법
(1) <% ~ %> : 자바 코드
(2) _jspService()메서드로 변환
3. 특수 문자와 주석
-<% %>문자 출력
-주석 <!-- --> : HTML주석(소스에 나타남)
<%-- --> : JSP주석 (소스보기에도 나타나지 않는다)
4. JSP페이지 구성
-HTML tag->템플릿 데이터
-원소(Element)
(1)지시어 원소 (page,include, taglib) : <%@ %>
page : 페이지에 대한 정보, 세션 사용여부 등
(2)스크립팅 원소 (선언, 표현, 스크립트렛, EL) : <%! 선언 %>, <%= 표현(화면출력) %>
<% 스크립트렛 %>
※선언(Declaration)
JSP 페이지에서 사용되는 멤버 변수나 메소드를 선언
<%! ~ %>
out, request, response등의 내장 객체 사용 불가
jspInit(), jspDestroy() 메서드 선언 가능
※스크립트렛(Scriptlet)
자바 문장 사용 (제어문, 반복문, 변수 선언…)
<% ~ %>
※식(Expression)
간단한 계산, 변수, 함수 호출
<% out.println(); %> 과 동일
<%=~%>
(3)액션 원소
5. JSP 처리 과정과 라이프 사이클
6. JSP 디폴트 객체
-스크립트렛이나 표현식에서 선언하지 않고 사용할 수있는 디폴트 변수(객체)
-JSP 페이지에 관련된 객체 (page->this와 같은 객체, config->여러가지 서비스를 얻고자 할때)
-페이지 입출력에 관련된 객체 (request, response, out->글자를 전송하기 위해)
-컨텍스트에 관련된 객체(session, application, pageContext)
-에러에 관련된 객체 (exception)
-page (JSP 페이지 자신을 표현하기 위한 객체 (this) )
-config (서블릿의 구성 정보에 접근)
-request (클라이언트의 요청을 표현하기 위한 객체)
-response (웹 브아우저에 응답 데이터를 전송하기 위한 객체)
-out (JSP 페이지의 출력 스트림을 위한 객체 )
-session (현재 사용자의 세션을 편하기 위한 객체 )
-application (웹 응용프로그램을 표현하기 위한 객체 )
-pageContext (다른 디폴트 객체들을 프로그램적으로 접근하기 위한 객체 )
-exception (에러 처리를 위한 객체,에러 페이지에서만 사용 가능(isErrorPage = true) )
7. page 지시어 <%@ %>
-JSP 페이지와 관련된 속성 정의
-import 속성 외에는 한번 이상 기술 할 수 없다
8. include 지시어
-외부 데이터 (HTML, JSP) 를 JSP 페이지에 포함 (include지시어, jsp:include 액션 태그)
-형태 ( <%@ include file="relativeURLspec"%>
9. JSP를 이용한 폼 데이터 처리
String getParameter(“name”) :
String[] getParameterValues(“name”) :하나의 이름으로써 여러개의 값을 오고자 할때
Enumeration getParameterNames()
ex) 체크 박스 : checkbox.html, checkbox.jsp
ex) 라디어 버튼 : radio.html, radio.jsp
ex) 선택 : select.html, select.jsp
설정
트랙백
댓글
글
서블릿 프로그래밍
1. HTTP GET 메소드
-서버의 URI에 의해 참조되는 정보를 요청
(웹 브라우저에서 사이트 방문하는 경우)
-웹 서버에 데이터를 요청
-데이터를 웹 서버에 전송(데이터 길이 제한, 전송 여부 확인 불가)
2. HTTP HEAD 메소드
-해당 페이지가 존재하는지 여부와 페이지에 대한 정보 얻기 위해 사용
-웹페이지에 대한 정보만 웹브라우저에 전달 (값은 처리하지 않는다)
3. HTTP POST 메소드
-클라이언트의 데이터를 웹 서버에 전달(게시판에 글, 로그인 할때)
-파일 전송
-길이에 제한 없으며, 전달 여부 확인 가능
-전달 할때는 entity body 부분에 포함시켜 전달
4. 사용자 데이터 처리
-HTTP의 GET과 POST방식으로 전달 -> 서블릿의 doGet(), doPost() 구현
(get : 서버가 가지고 있는 웹페이지를 달라
post: 클라이언트가 서버에게 데이터 전달하고 데이터를 처리해달라)
-전달된 데이터는 HttpServletRequtst의
getParameter(), getParameterValues(), getParameterNames()
(getParameter():클라이언트가 어떤 데이터를 보냈는지 알아냈는지 알아냈을때 사용)
5. 서블릿 라이프 사이클
(1) init : 서블릿이 메모리에 load,초기화 작업
- 서블릿이 만들어지고 최초에 한번 호출될때 메모리에 한번 만들어진다
(2)service : 클라이언트의 요청을 thread로 실행
(그 다음에 호출할때 init을 거치지않고 만들어진다, doGet()과 doPost()와 역할이 똑같다 )
(3)destory : 서블릿이 메모리에서 제거 (한번 호출)
서블릿 에서 System.exit(0)사용하지 말것-> 컨테이너가 종료된다
6. HttpServlet
•HTTP 서비스를 위한 기능을 제공
•destroy(), getInitParameter(String), getInitiParameterNames(), getServletContext(), init(), init(ServletConfig), log(String), getLastModified(HttpServletRequest), service(HttpServletRequest, HttpServletResponse), service(ServletRequest, ServletResponse)
•doGet(), doPost(), doDelete(), doOptions(), doHeader(), doPut(), doTrace()
7. HttpServletRequest
-웹 클라이언트로부터 전달되는 요청을 처리
-getCookies()
-getMethod() -> 현재 요청이 어떤 것인가 알기 위해서
-getSession() -> 사용자에 대한 정보를 얻기 위해서
-(set)getArribute(String)
-getRequestDispatcher(String) -> 다른쪽 페이지로 포워드 시키거나 인클루드 시킬 수 있다(Srting 포함하거나 이동시키고자 파일의 주소를 적으면 된다.
8. HttpServletResponse
-웹 컨테이너의 응답을 표현
-addCookie(Cookie) ->쿠키를 저장
-sendRedirect(String) -> 페이지를 이동 (<a> 태그를 이용)
-setHeader(String,String) -> 헤더값 지정
-getOutputStream() ->바이너리 데이터를 출력
-getWriter() -> 단순한 출력 스트림을 얻고자 할때
-setContentType(String) -> 클라이언트가 어떠한 양식으로 서버측에서 메시지를 받아야 할것인가
9. ServletContext
-웹 응용 프로그램(Web Application)
(1)웹에서 실행되는 프로그램들의 모음
(2)서블릿,유틸리티 클래스, JSP, HTML, 이미지, 자바스크립트, 스타일시트
-Context
(1)여러개의 서블릿과 JSP들이 서로 협력하면서 실행되는 환경
(2)서블릿과 JSP들 간에 서로 정보 저장, 검색
(3)웹 응용프로그램은 오직 하나의 실행 환경을 갖는다
(4)ServletConfig의 getServletContext()메소드를 이용
10. RequestDispatcher
-클라이언트의 요청을 다른 자원으로 전달
-ServletContext의 getRequestDispatcher() 사용
-forward(ServletRequest, ServletResponse) : 클라이언트 요청을 다른 자원으로 전달
-include(ServletRequest, ServletResponse) : 다른 자원의 내용을 HttpServletResponse에 포함
11. getInitParameter()
-web.xml 파일에 저장된 정보를 서블릿의 초기화 파라미터로 읽어온다
설정
트랙백
댓글
글
스타일 시트
1. 스타일 시트 선언
CSS(Cascading Style Sheets)
-HTML이 웹 브라우저에서 어떤 형태로 보여야 할지를 결정하는 규칙들
-동일한 HTML페이지라 하더라도, 스타일 시트의 내용에 따라 다른 내용의 모습으로 보인다
<style type="text/css">
<!--
H1{color:blue} //선언부. H1(태그)은 선택자
-->
</style>
ex1) 여러 개의 선택자 사용
<style type=“text/css”>
H1, H2, H3, H4, H5, H6 { color : blue }
</style>
ex2) 여러 개의 속성 사용
<style type=“text/css”>
H1 { color : blue; font-size : 24pt }
</style>
ex3) 내포된 태그에 속성 사용
<style type=“text/css”>
H1 EM { text-decoration : underline } //H1안쪽의 EM의 태그는 문자를 언더라인표시
</style>
ex4) 클래스를 사용한 스타일 선언
<style type=“text/css”>
p.italic { font-style : italic }
p.bold { font-weight : bold } //글자를 진하게
.underline { text-decoration : underline }
</style>
->HTML 페이지에서 태그에 클래스 지정
<p class=“italic”>이탤릭체 문단
<p class=“bold”>볼드체 문단
<H1 class=“underline”>밑줄 친 문단</h1>
