목록웹 프로그래밍/웹 프로그래밍 기초 (20)
Dolphins의 HelloWorld
스크립트 요소의 이해 - jsp 페이지에서는 선언문, 스크립트릿, 표현식이라는 3가지의 스크립트 요소를 제공한다. 선언문(Declaration) - : 전역변수 선언 및 메소드 선언에 사용 이렇게 선언문 안에 선언된 변수와 메소드가 잘 반영되어 getId()가 정상적으로 반환되는것을 결과를 통해 볼 수 있다. 그렇다면 선언문은 서블릿으로 어떻게 바뀌어있을까? 위와같이 선언이 되어있고 밑에서와 같이 service() 메소드에서 getid()를 통해 불러오는 것을 볼 수 있다. 스크립트릿(Scriptlet) - - 일반적으로 가장 많이 쓰이는 스크립트 요소 - 주로 프로그래밍의 로직을 기술할 때 사용 - 스크립트릿에서 선언된 변수는 지역변수 스크립트릿을 쪼개서 쓸 수도 있는데 이렇게 스크립트릿을 활용하여 실..
WAS는 웹 브라우저로부터 Servlet요청을 받으면 - 요청할 때 가지고 있는 정보를 HttpServletRequest객체를 생성하여 저장한다. - 웹 브라우저에게 응답을 보낼 때 사용하기 위하여 HttpServletResponse 객체를 생성한다. - 생성된 HttpServletRequest, HttpServletResponse 객체를 서블릿에게 전달한다. HttpServletRequest - http프로토콜의 request정보를 서블릿에게 전달하기 위한 목적으로 사용 - 헤더정보, 파라미터, 쿠키, URI, URL 등의 정보를 읽어 들이는 메소드를 가지고있다. - Body의 Stream을 읽어들이는 메소드를 가지고있다. HttpServletResponse - WAS는 어떤 클라리언트가 요청을 보냈는..
서블릿의 라이프사이클을 이해하기 위한 간단한 실습을 해보자. LifecycleServlet이라는 이름을 가진 서블릿을 생성할 것이고 HttpServlet의 3가지 메소드를 오버라이딩 할 것이다. - init() - service(request, response) - destroy() 메소드가 호출이 되면 콘솔에 print가 되도록 다음과 같이 코드를 작성해보고 실행해보겠다. package examples; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.h..
http://dolphins-it.tistory.com/117 이 링크에서와 같은 방식으로 servlet을 만들것이다. 차이점이 있다면 위와 같이 version을 3.0 미만으로 설정하고 web.xml을 생성하는 것이다. 3.0spec 이상에서는 어노테이션이 생성이 됐고 그 어노테이션에 작성해준 URL 로 Request를 받아 서블릿이 실행이 됐다 하지만 3.0spec 미만에서는 어노테이션이 없으며 대신 web.xml에 다음과 같은 소스가 있다. 이 소스를 보면 servlet-mapping 안에 있는 url-pattern에 있는 URL을 통해 request를 받는다. 그러면 바로 위에있는 servlet-name과 같은 것을 안에서 찾는다 만약 servlet안에 같은 이름을 가진것이 있다면 servlet-..
버전에 따른 Servlet 작성 방법 - Servlet 3.0 spec 이상에서 사용하는 방법 - web.xml 파일을 사용하지 않는다. - 자바 어노테이션(annotation)을 사용 실습 Dynamic WebProject 를 생성하는 버튼을 클릭한 후 기본적으로 선택되는 버전인 3.1을 선택한다. 그 후 Next를 눌렀을 때 다음과 같은 항목을 볼 수 있는데 서블릿이 컴파일되면 이 컴파일된 클래스 파일은 이 디렉토리에 들어온다. 위 화면은 Next를 누르면 나오는 마지막 화면이다. Context root가 의미하는 것은 우리가 설정하기로 한 URL인 http:// localhost:8080/exam31/ten 에서 URL을 요청할 때 exam31이라는 URL이 들어가게하는 것이다. 밑에는 체크박스가 ..
자바 웹 어플리케이션(Java Web Application) Was에 설치(deploy)되어 동작하는 어플리케이션. 자바 웹 어플리케이션에는 HTML, CSS, 이미지, 자바로 작성된 클래스(Servlet 포함, package, 인터페이스 등), 각종 설정 파일 등이 포함된다. 자바 웹 어플리케이션의 폴더 구조 서블릿이란? 자바 웹 어플리케이션의 동적인 처리를 하는 프로그램의 역할. 서블릿을 정의해보면 서블릿은 WAS에 동작하는 JAVA클래스. 서블릿은 HttpServlet 클래스를 상속받아야한다. 서블릿과 JSP로부터 최상의 결과를 얻으려면, 웹 페이지를 개발할 때 이 두가지(JSP,서블릿)를 조화롭게 사용해야 한다. 예를들어, 웹 페이지를 구성하는 화면(HTML)은 JSP로 표현하고, 복잡한 프로그래..
엘리먼트가 배치되는 방식 (float:left) float 속성으로 원래 flow에서 벗어날 수 있고 둥둥 떠다닐 수 있다. 일반적인 배치에 따라서 배치된 상태에서 float는 벗어난 형태로 특별히 배치된다. 따라서 뒤에있는 block 엘리먼트가 float된 엘리먼트를 의식하지 못하고 중첩돼어 배치된다. float의 속성은 이런 특이성 때문에 웹사이트의 전체 레이아웃 배치에서 유용하게 활용된다. 예시를 통해 알아보자. float를 통해서 이렇게 녹색 사각형을 이렇게도 배치할 수 있는것을 볼 수 있다. 실제로 float가 어떻게 사용되고 있는지 naver 모바일 버전에서 확인해 보자 개발자 도구를 이용해서 확인해 보면 네이버 모바일 사이트는 왼쪽, 가운데, 오른쪽 세 부분으로 이루어져있다. 이 때 이 부분..
엘리먼트가 배치되는 방식 엘리먼트를 화면에 배치하는 것을 layout 작업이라고도 하고, Rendering과정 이라고도 한다. 기본적으로 엘리먼트는 위에서 하래로 배치되는데 웹사이트의 배치는 다양하게 표현 가능해야하므로, 이를 다양한 방식으로 배치할 수 있도록 다양한 속성을 활용해야 한다. 이렇게 별도의 설정 없이 배치를 하면 위에서 아래로 배치가 되는 모습을 볼 수 있다. display 속성이 inline인 경우 위에서 보이는 것과 같이 우측으로, 그리고 아래쪽으로 빈자리를 차지하며 흐른다 높이와 넓이를 지정해도 반양이 되지 않는다는 특징이 있다. 다음의 예시를 보면 기본적으로 inline 속성을 가지고 있는 span, a, strong 태그들에게 display : block 을 주었더니 inline속..
CSS에서 가장 기본적인 style 적용에 대해 알아보겠다. 먼저 색상변경에 대한 것을 살펴보겠다. - color : red; - color : rgba(255,0,0,0.5); - color : #ff0000; 첫번째 방법은 가장 단순한 정해져 있는 색상의 이름을 통해 설정하는 방식이다. 두번째로는 rgb를 사용해서 색을 표현하는 것인데 각 속성의 최댓값은 255이며 네번째 값은 알파값이라고 부르며 희미한 정도를 나타내는 속성이다. 세번째는 우리가 흔히 아는 16진수를 통해 색을 나타낸 것인데 인터넷에서 색상표를 이용하던가 다음과 같이 style 목록에서 나오는 color 옆에 있는 네모를 클릭해서 직접 색깔을 바꿔보면서 선택할 수도 있다. 다음으로는 font-size에 대해서 살펴보자 우리가 잘 알고..
특정 엘리먼트에 스타일을 적용하기 위해서는 해당 엘리먼트를 잘 찾아야 한다. 엘리먼트를 쉽고 빠르게 찾을 수 있는 CSS Selector 문법을 알아보자. 먼저 elemet에 style을 지정하기 위해서, 3가지 기본 선택자를 사용할 수 있다. tag, id, class tag로 지정할 때는 그냥 태그 이름을 써서 style을 지정하면 된다. 아래는 span태그의 style을 지정한 예 이다. 이런식으로 적용하게 되면 위의 예시에서는 span이 하나밖에 없지만 span이 여러개가 있는 경우에도 동일하게 모두 style이 지정된다. 다음은 id와 class를 통해 style을 지정하는 방법이다. id와 class도 역시 동일한 id와 class를 가진것들이 여러가지가 있다면 일괄적으로 style이 적용된다..