daniel7481의 개발일지

1. Request, Response 객체 이해하기(1) 웹 브라우저에 URL을 입력하고 Enter를 치면 웹 브라우저는 도메인과 포트 번호를 이용해서 서버에 접속한다. 그 다음 path 정보, 클라이언트 ip등 다양한 정보를 포함한 요청 정보를 서버에 전송하게 된다. WAS가 웹 브라우저에게서 요청을 받게 되면 HttpServletRequest와 HttpServletresponse라는 객체를 생성하게 된다. Request 객체에는 요청할 때 가지고 들어온 다양한 정보를 이 객체에 담는다. Response 객체는 현재 접속한(클라이언트)에게 전송하기 위해 담을 수 있는 객체다. 이렇게 만든 두 개의 객체를 요청 정보에 있는 path로 mapping된 서블릿에게 전달하게 된다. 전달된 객체는 service..

1. Servlet 생명 주기(1) LifecycleServlet 작성 서블릿 생명주기를 확인할 수 있는 LifecycleServlet 작성하기. HTTPServlet의 3가지 메소드를 오버라이딩 -init() -service(request, response) -destroy() 먼저 example 패키지에 LifecycleServlet이라는 서블릿을 하나 생성한다. 여기서 앞에서 설명한 몇가지 메소드의 체크박스를 체크해준다. package examples; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.annotation.WebS..

1. Servlet이란? 자바 웹 어플리케이션 -방금 만든 firstweb 프로젝트로 만들어진 것이 자바 웹 어플리케이셔이다. 자바 웹 어플리케이션에는 HTML, CSS, 이미지, 자바로 작성된 클래스(Servlet, package, 인터페이스 등), 각종 설정 파일 등이 포함된다. 앞에서 만든 프로그램은 아주 간단한 자바 웹 어플리케이션이다. 자바 웹 어플리케이션 폴더 구조 WAS등의 미들웨어에게 도움을 받을 때는 혹은 프레임워크를 사용할 때에는 정해진 약속을 지켜야 한다. 자바 웹 어플리케이션도 이러한 파일 구조를 따라야 한다. WEB-INF 폴더 안에는 web.xml파일이 존재한다. 이 웹 어플리케이션에 대한 정보를 다 가지고 있는 프로그램이다. lib(라이브러리) 안에는 자료 파일(jar)을 넣을..

여러가지 개인 사정으로 인하여 한동안 코딩을 놓게 되었다. 이 시간이 정말 기다려졌다. 이제 드디어 환경이 갖춰졌으니 마음껏 탐구해볼 수 있겠다. 드디어 바라고 바라던 BE를 배울 차례다. 그 전에 설치해야할 프로그램이 있다. 먼저 본 강의에서는 백엔드에서 사용할 언어로 자바를 골랐다. 그리하여 jdk, 이클립스를 다운받아야 했다. 설정을 하는 것은 강의에서 잘 나타내고 있다. 또한 WAS로 apache-tomcat을 사용하였다. 모든 프로그램을 다 다운받았으면 넘어가 보자 서블릿 컴파일 및 실행하기 먼저 eclipse를 다운받았다면, 여기서 중요한 것은 eclipse도 여러가지 버전이 있기에 Eclipse IDE for Java EE Developers를 설치해야한다는 것이다. Web project를 ..

HTML HTML은 그 용도에 맞게 사용해야 하며, 비록 표시하는 바는 같을 수 있어도 브라우저에서 인식할 때 다르게 인식하기 때문에(h1과 글자수를 키운 본문은 보기엔 같아 보이지만 어마어마한 차이가 있다) semantic하게 사용해야 한다. HTML 구조 맨 윗줄을 차지하는 header태그, 본문에는 대개 메뉴를 장식하는 navigation태그, 하단의 footer태그가 있다. 그러나 호환이 되지 않는 경우도 있기 때문에 이런 식으로 설정하여 사용한다. 클래스와 id id는 한 페이지에서 고유한 속성이다(하나 이상에 사용할 수 있지만 권장하지 않는다). 클래스는 비슷한 속성을 가진 여러 element를 묶기 위해 사용하는 것으로, 여러 번 중복되어 선언될 수 있다. CSS 선언 방법 크게 3가지로 나..

5) Element가 배치되는 방법(CSS layout) - 2 기본 배치에서 벗어나서 떠있기(flaot: left) 2차원에서 element들이 배치되어 있는데 float인 element는 그 위에 둥둥 떠다닌다고 생각하면 된다. float position을 주지 않으면 위 아래로 쌓이지만, float:left를 선언함으로써 좌 우로 나란히 쌓이게 표현할 수 있다. 하나의 블록엘리먼트는 box형태임 [출처: https://www.geeksforgeeks.org/css-box-model/] 엘리먼트 간에는 margin으로 간격을 줄 수 있고, border는 테두리 정보로 두께를 조절할 수 있고, 엘리먼트 안에 컨텐츠와 엘리먼트가 가지고 있는 원래 크기 사이는 padding을 줄 수 있다. Demonstr..