알고리즘 바로가기 보안 포스트 바로가기 JAVA 바로가기 리눅스 서버 바로가기 웹 구축 (17) 썸네일형 리스트형 Servlet 3 package com.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/Ex02") public class Ex02 extends HttpServlet { protected void service(HttpServletRequest req.. Servlet 2 Servlet 은 http라는 클래스를 상속받는다. next 를 누르면 url mappings 를 확인 가능한데 이를 통해 web browser에서 servlet 을 동작시키기 위해 실제 java 클래스의 이름대신 servelt 을 요청하기 위한 문자열을 servlet 클래스와 맵핑 시킬 수 있다. 경로를 그대로 지정해 주면 보안상의 문제가 발생할 가능성이 있는데 그것을 미연에 방지하고자 사용자가 정의한 단어에 맵핑되어 접근한다. 다음을 누르면 v 표가 있는 것은 Servlet의 생명주기를 일컫는다 init() 은 최초에 한 번 초기화(호출,실행) 되는 메서드이다. : 필요한 자원의 준비 service() 는 사용자가 어떤 요청을 했을 때 그것을 어떻게 처리할지를 고려하는 메서드이다. service()는.. Servlet 웹통신 클라이언트: 웹 브라우저, 서버 : 웹서버, 클라이언트가 서버에게 웹서버 제공을 요청하여[Request] 서버가 클라이언트에게 응답을 함.[Response] [HTML 매개로] 필요성은 예를들어 사용자가 네이버에 로그인 할 경우 사용자가 모든 사용자에 대한 정보를 저장할 수 없으니 웹 서버인 네이버에서 보관하고 있는다. 이는 정적, 동적 웹 페이지 구성으로 알 수 있는데 정적(Static) - 웹 서버에 미리 저장된 파일(HTML, 이미지, JS) 등을 그대로 전달하며 사용자가 서버에 저장된 데이터가 변경되지 않는 한 고정된 웹페이지를 본다. 동적(Dynamic) -서버에 있는 데이터들을 스크립트에 의해 가공처리 한 후 생성되어 전달되는 웹페이지 사용자는 상황,시간 요청 등에 따라 달라지는 웹페이.. CSS 4 float 요소를 띄워서 배치하는 속성 left : 왼쪽에 요소를 띄움 right: 오른쪽에 요소를 띄움 none : 띄우지 않음(기본값) 다른이들에게 내꿈을 물어봤어 모두 한결같이 기적은 없다고 내게 맗했어 인생은 그런거야 쉬운일 하나없는 세상 워워 시작은 힘들어도 결국은 승리하지 소설 같은 세상 나는 재수가 좋아 정말 재수가 좋아 멋진 사람들 모두 여기 내 곁에 있어 넓은 하늘을 나는 기분이야 세상 모두다 가진 기분이야 나를 막을순 없어 슛 볼은 나의 친구 볼만있으면 난 외롭지 않네 슛 볼은 나의 친구 승리의 볼을 향해 꿈을 날리자 패스 패스 패스 내 꿈은 축구왕 세상에서 제일가는 스트라이커 패스 패스 패스 그 이름은 슛돌이 우리의 친구 슛돌이 다른이들에게 내꿈을 물어봤어 모두 한결같이 기적은 없다고.. CSS 3 【 Position 】 자유자재로 요소의 위치를 배치하는 속성 static 태그가 위에서 아래로 순서대로 배치 (기본값) relative 초기 위치 상태에서 상하좌우로 위치 이동 absolute 절대 위치 좌표를 설정 fixed 화면을 기준으로 절대 위치 좌표 설정 span1 span2 span3 span4 span5 각각의 생성된 span 태그에 대해 각각의 div를 통해 위치를 조정하고 기본 span 태그에 대해 position 을 relative; 를 적용하였다. 보면 설정과는 반대로 Span2 가 아래로 가고, span3 가 위로 간 것을 확인할 수 있는데 position 을 relative; 로 적용할 경우에 span2 하나에 대해 각각의 변 ( 좌측 변 ~ 아래측 변) 이 움직이게 된다. to.. CSS 2 크기 단위 px : 화소 하나의 크기에 대응되는 단위(고정값) em: 부모요소 크기에 따른 배수 단위 rem: html 태크의 폰트 크기에 따라 결정 .div1{ font-size: 20px;} .div2{ font-size: 20px; font-size: 2em;} 동일 속성을 지정할 경우, 나중에 선언한 것으로 적용된다. em은 부모 사이즈의 배율로 적용된다. 안녕?? 안녕하세요 안녕하세요 div3 는 div1의 2배인 div2의 2배, 즉 4배 크기가 적용된다. 【 반응 선택자 】 사용자의 반응으로 생성되는 특정한 상태를 선택 :active: 마우스로 클릭한 때를 선택 :hover 마우스 올린 때를 선택 회원가입 ID : PW : 상속관계를 나타냄 fieldset:hover 되었을때의 .legend.. CSS CSS(Cascading Style Sheet) -종속형 시트 기존 HTML 문서에서 스타일을 표현하려면 일일히 태그를 달아야 하며, HTML 문서 내에서만 활용이 가능하다. 따라서 그것을 다양한 문서에서 이용할 수 있도록 재사용성을 증가시키고 이식성을 높이면서 HTML 문서의 가독성을 높여주기 위해 고안되었다. CSS는 Selector(선택자) h1 { 선택자의 선언 color : red; property : value; (스타일속성 : 속성값) 으로 이루어져 있다. // 콜론으로 매핑시키며, 문장의 끝애 세미콜론을 붙여 구분한다. } font 속성 font-family : 글꼴 // 나눔고딕, koverwatch등 font-size : 글자 크기 // 30px등 font-weight: 글자 두께 //.. HTML2 테이블 제목 1 2 3 1 2 3 대상 1번방 여성도리토스 4인실 1인 200원 남성도리토스 2번방 가족방 3번방 2인방 2인실 입실 4시 부터 퇴실 11시까지 테이블에서 행과 열을 정의하고, 각 행과 열을 병합하는 예제이다 cellspacing 속성은 셀 잉여공간을 0으로 만든다. fieldset은 비슷한 속성끼리 그룹화해준다. 신입사원 A 전기산업기사 한전 근무경력 2년 2020 KDN 기업공모전 우승 iframe 태그는 웹페이지 내에 다른 웹페이지등을 불러올 때 사용하는 태그이다 이전 1 2 3 다음
알고리즘 바로가기 
보안 포스트 바로가기 
JAVA 바로가기 
리눅스 서버 바로가기 
