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)을 넣을..

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..

4) CSS 기본 Style 변경하기 font, background 관련된 속성을 배워보자. font-size로 글크기를 정할 수도 있다. px단위로도 설정할 수 있지만 1em으로 설정 할 수도 있다(1이 아니라 다른 양수도 가능하다). em은 기본값의 몇 배라는 뜻인데, 여기서 기본값은 항상 16이 아닐 수도 있다. 다음 예를 보자 myspan class는 위의 body > div 부모 노드로부터 font-size 32px을 상속받았기 때문에 나오는 값은 32*2인 64px이다. 백그라운드 색은 background-color : 색;으로 설정할 수 있다. font-family 이미 정해진 글꼴(맑음, 굴림 등)으로 설정할 수도 있다. font-family : Gulim;이런식으로 설정하면 된다. 5) ..