본문 바로가기

프로그래밍

필터 - 캐릭터 인코딩 CharacterEncodingFilter.java1234567891011121314151617181920212223242526272829303132333435363738394041424344 import java.io.IOException; import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servlet.ServletException;import javax.servlet.ServletRequest;import javax.servlet.ServletResponse;import javax.servlet.annotation.WebFilter; //모든 jsp파일에 적.. 더보기
파일 업로드 1. FileUpload API 다운로드 2개의 라이브러리 다운로드1) commons-fileupload-1.3.3.jarhttp://commons.apache.org/proper/commons-fileupload/download_fileupload.cgi2) commons-io-2.5.jarhttp://commons.apache.org/proper/commons-io/download_io.cgi2. FileUploadForm.jsp - Form 태그를 이용해서 파일 전송123456789101112131415161718192021파일 업로드 파일 업로드 Colored by Color Scriptercs 3. upload.jsp - Form 처리 페이지123456789101112131415161718192.. 더보기
MVC 패턴 구현 JSP - MVC 패턴 구현모델 1 구조 - JSP에서 요청 처리 및 뷰 생성 처리- 장점 : 구현이 쉬움- 단점 : 요청 처리 및 뷰 생성 코드가 뒤섞여 코드가 복잡함(유지보수↓) 모델 2 구조 - 서블릿이 요청을 처리하고 JSP가 뷰를 생성- 모든 요청을 단일 서블릿에서 처리- 요청 처리 후 결과를 보여줄 JSP로 이동 MVC패턴 (Model-View-Controller)- 모델(Model) : 비즈니스 영역의 상태 정보를 처리한다.- 뷰 : 사용자가 보게 될 결과 화면을 담당- 컨트롤러 : 사용자의 입력 및 흐름 제어를 담당특징- 로직을 처리하는 모델과 같은 화면을 보여주는 뷰가 분리됨- 흐름 제어나 사용자의 처리 요청은 컨트롤러에 집중 MVC의 컨트롤러 : 서블릿 MVC의 모델 : 로직 수행 클래.. 더보기
필터 - 로그인 검사 필터 필터- HTTP 요청과 응답을 변경할 수 있는 재사용 가능한 코드• 필터의 기본구조 - 요청의 내용을 변경하거나 , 응답의 내용을 변경가능- 1개 이상의 필터 연동 가능 필터예제 LoginCheckFilter.java - 로그인필터클래스12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 import java.io.IOException; import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servlet.RequestDispatc.. 더보기
CSS실습 - 예제페이지 만들어보기 ---만든 페이지--- 소스코드DOCTYPE html> 고양이갤러리 * { margin: 0; padding: 0px; } li { list-style: none; } .li { float: left; padding: 10px; } .li2 { list-style: none; } .ul { display: inline-block; } a { text-decoration: none; color: black; } img { width: 430px; height: 280px; border: 0; padding: 20px 0px; } body { background-color: aliceblue; } h1, span {} #wrap { margin: 50px auto; width: 2000px; backgrou.. 더보기
CSS 선택자 CSS 선택자 - 특정 HTML 태그를 선택할 때 사용하는 기능 - 선택한 태그에 원하는 스타일 또는 스크립트 적용 가능 CSS 선택자의 종류 - 태그 선택자 : 해당하는 태그를 선택한다. h1{ }- 아이디 선택자 : 해당하는 id를 선택한다. id 속성은 중복되지 않아야 한다. #id{ }- 클래스 선택자 : 해당하는 class를 선택한다. Class 속성은 중복가능(일괄처리). .class{ }- 속성 선택자 : 해당하는 속성을 선택한다. 반응 선택자 - 선택자 : active - 클릭되었을 때 - 선택자 : hover - 마우스를 올렸을 때 - 선택자 : checked - 체크되었을 때 - 선택자 : not(선택자) 가상 클래스 - 선택자 : after : 태그 컨텐츠 다음에 내용을 넣기 위해 사.. 더보기
CSS 속성 CSS- HTML문서에 디자인(스타일)을 입히는데 사용되는 언어- 배경, 색상, 글꼴 등 스타일로 정의해서 문서 전체 또는 일부에 적용가능하다- 애니메이션 효과도 가능하며 반응형 웹사이트 구현가능하다 CSS를 HTML에 적용하는 방법1.외부문서(*.css)를 HTML문서에 포함시키는방법 -----가장 좋은방법 2.HTML문서에 태그안에 스타일을 정의 3.태그 안에 스타일을 정의 Style의 상속 - inherit & initial-자손 태그는 조상 태그의 속성을 물려받는다. (inherit)Hello - 조상(div)태그의 속성을 물려받음 (color:green) -속성 값을 initial로 지정하면 기본값이 적용된다. (initial) initial로 지정하면 조상태그의 속성을 물려받지않고 기본값으로... 더보기
HTML - 첫번째 수업 HTML 기본태그1. - 출력할 웹 페이지의 형식을 브라우저에게 전달. 2. - 모든 HTML요소의 부모 요소- 웹페이지에 단 하나3. - *메타데이터를 위한 요소- title, style, meta, link, script* 메타데이터 - 콘텐츠의 위치와 내용, 작성자에 관한 정보, 이용조건, 등이 담겨있는 '데이터의 데이터'- 각종 데이터, 문서, 파일 등을 효과적으로 운영관리해서 정보의 활용도 높이고, 유지보수를 용이하게 해줌.4. -웹브라우저에 출력되는 모든요소 -웹페이지를 구성하는 실질적 요소, 문서의 본문 HTML 주요태그-브라우저 택에 표시되며, 문서의 제목 -CSS 영역으로, 웹페이지를 꾸며줌 -Java Script 영역으로 웹페이지를 동적으로 꾸며줌-태그 안에 넣어야 DOM구성을 완료한뒤.. 더보기

티스토리툴바