본문 바로가기

Web Programming

[JSP] Mapping
2018. 7. 10. Mapping 매핑이란? URL 경로가 너무길고, 보안에 노출되어 있는데, 이러한 경로를 간단하게 표현 할 수 있다.localhost:8080/프로젝트명/파일명 -> localhost:8080/파일명 매핑에는 두가지 방법이 있다.어노테이션(Annotation)을 달거나, web.xml에서 직접 작성을 해주면 된다. 1. 어노테이션(Annotation)Tomcat 버전 7부터 서블릿을 새롭게 생성하면 자동적으로 어노테이션이 작성되는 것을 확인 할 수 있다. 1234567891011121314import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.s..
[JSP] Servlet
2018. 7. 10. Servlet Servlet이란? Java언어로 이러우진 웹 프로그래밍 문서 Servlet의 특징 ● 동적 웹 어플리케이션 컴포넌트● 확장자 → .java ● JAVA Thread를 이용하여 동작한다● MVC2 패턴에서 Controller의 역할 Servlet의 작동순서 클라이언트에서 요청이 들어오면 서버에서는 servlet 컨테이너를 만들고, 요청이 있을 때 마다 스레드가 생성 된다. Servlet 생명주기 1. Servlet 객체생성 (최초 한번) 2. Init() 호출 (최초 한번)3. service(), doGet(), doPost() 호출 (요청시 매번) 4. destroy()호출 (마지막 한번 자원해제: servlet 수정, 서버 재가동 등) Servlet 선처리, 후처리 Servlet의 생명..
[CSS] 캐스케이딩
2018. 6. 19. 캐스케이딩 캐스케이드는 폭포라는 의미가 있다. 처음 html이 등장 했을 때는 CSS가 없었다. 웹의 사용자들은 곧 디자인을 요구하기 시작하고 웹의 고안자들은 html을 꾸며주는 언어의 필요성에 공감하였고, 그렇게 해서 등장한 것이 CSS이다. CSS는 Cascading Style Sheet의 약자이다. CSS의 첫번째 글자로 등장 할 만큼 가장 중요한 기능 다시 말해 철학이라는 의미가 있다.Cascading을 사전에서 찾아보면 폭포라는 의미가 있다. 즉 웹페이지의 디자인이 웹브라우저의 기본 디자인과 브라우저 사용자의 디자인 그리고 웹페이지 저자의 다자인이 결합 될 수 있다는 점에 착안하고 있다고 할 수 있다. 웹브라우저는 기본적으로 html을 해석하는데 html에는 기본적으로 디자인이 되어있다. (h1..
[CSS] 가상 클래스 선택자
2018. 6. 18. 가상 클래스 선택자 ● link : 방문한 적이 없는 링크● visited : 방문한 적이 있는 링크 보안상 이유로 속성 사용이 제한적임● hover : 마우스를 롤오버 했을 때● active : 마우스를 클릭 했을 때 1234567891011121314151617181920 a:hover{ color:yellow; } a:active{ color: green; } 방문함 방문 안함Colored by Color Scriptercs ※ hover와 active가 동시에 적용 될 때(동급 일 때)css는 뒷쪽에 있는 선언을 먼저 선택한다.
[CSS] 부모 자식 선택자
2018. 5. 9. 부모 자식 선택자 1234567891011121314151617181920212223 ul li{ color:red; } HTML CSS JavaScript HTML CSS JavaScript cs ul 밑에 있는 li들이 선택 된다. ul li{ color:red; } 1234567891011121314151617181920212223242526272829303132 ul li{ color:red; } ol li{ border:1px solid red; } HTML CSS JavaScript HTML CSS selector declaration JavaScript cs ol 밑의 li들이 모두 바뀌게 된다. 하지만 직계 자손 태그들에게만 효과를 주고 싶다면 ol>li{ border:1px solid r..
[CSS] 선택자
2018. 5. 9. 선택자 선택자와 선언 ● Selector : 주어● Declaration : 선언 ● property : 속성● value : 속성 값● value-Property Separator : 속성과 속성을 구분● Declaration Separator : 선언과 선언을 구분하는 구분자 선택자의 종류 1. 태그 선택자 123456789101112131415161718 li{ color:red; text-decoration:underline; } HTML CSS JavaScript cs ● 효과를 여러개 지정 할 때는 세미콜론(;)이 있어야 한다. li{ color:red; text-decoration:underline; } 2. 아이디 선택자 1234567891011121314151617 #select{ fon..
[JSP] FrontController Pattern & Command Pattern
2018. 5. 2. FrontController Pattern & Command Pattern url-pattern 서블릿 매핑 하는 이유는 경로가 너무 길고 보안상 문제 때문에 한다. 디렉터리 패턴디렉터리 형태로 서버의 해당 컴포넌트(서블릿)를 찾아서 실행하는 구조 http://localhost:8181/jsp_21_1_ex1_memberex/Hello →Hello 서블릿http://localhost:8181/jsp_21_1_ex1_memberex/World →World 서블릿 각 디렉터리 매핑명으로 별개의 서블릿으로 찾아간다. 확장자 패턴확장자 형태로 서버의 해당 컴포넌트를 찾아서 실행하는 구조 http://localhost:8181/jsp_21_1_ex1_memberex/Hello.dohttp://localhost:8..
[JSP] JDBC
2018. 5. 1. JDBC JDBC : Java Database Connectivity자바 프로그램에서 SQL문을 실행하여 데이터를 관리하기 위한 JAVA API이다. JDBC의 특징은 다양한 데이터베이스에 대해서 별도의 프로그램을 만들 필요 없이, 해당 데이터베이스의 JDBC를 이용하면 하나의 프로그램으로 데이터베이스를 관리 할 수 있다. 오라클 드라이버를 사용하기 위한 ojdbc6jar 파일 복사 오라클 JDBC 클래스 패스에 ojdbc 파일 복사 : C:\app\samdo\product\11.2.0\dbhome_3\jdbc\lib이클립스에 설정되어 있는 JAVA 클래스 패스에 붙혀넣기: C:\Program Files\Java\jre1.8.0_161\lib\ext 데이터베이스 연결 순서 12345678910111213..

티스토리툴바