개발노하우
-
[html] float 속성의 이해와 웹 페이지 레이아웃 잡기개발노하우/web.resource 2011. 2. 1. 15:38
이번 글에서는 CSS의 float 속성을 이용하여 웹 페이지의 레이아웃을 잡는 방법에 대해 알아보겠습니다. 이번 글에서 우리의 목표는 블로그와 같은 웹 페이지에서 자주 쓰이는 header, content, sidebar, footer로 구성된 2단 레이아웃을 만드는 것입니다. 즉 다음과 같은 형태의 레이아웃을 잡는 것이 우리의 목표입니다. 위와 같은 레이아웃을 잡기 위한 HTML과 CSS의 기본 구조은 다음과 같습니다. 으로 header, content, sidebar, footer 영역을 나누어 놓았고 각 영역의 크기와 배경색을 정해주었습니다. layout.html layout.css 지금까지의 결과를 브라우져에서 확인해보면 다음과 같습니다. HTML은 기본적으로 웹 페이지의 가장 위에서부터 엘리먼트들..
-
[html] div 와 span개발노하우/web.resource 2011. 2. 1. 15:33
는 html 속의 수많은 엘리먼트들(h1, h2, p, img 등)에 대한 논리적 구분 및 그룹을 위해 존재하는 엘리먼트입니다. 이제 곧 엘리먼트들의 레이아웃과 포지셔닝에 관한 내용에 대해 배우게 될 텐데요... 만약 논리적으로 같은 그룹에 속하는 엘리먼트들을 하나의 그룹으로 묶을 수 없다면 각각의 엘리먼트들을 일일이 모두 위치를 잡아주어야 하므로 매우 불편하겠죠? div 엘리먼트를 잘 활용하면 엘리먼트들의 레이아웃과 포지셔닝을 쉽게 할 수 있을 뿐만 아니라 구조적으로도 깔끔한 html 문서를 작성할 수 있게 됩니다. 그럼 div의 사용법을 한번 살펴보겠습니다. 위 에서 보듯이 div 역시 다른 일반적인 블록 엘리먼트들과 마찬가지 방법으로 사용하면 됩니다. 위 HTML 문서의 결과물은 다음과 같습니다. ..
-
POJO(Plain Old Java Object) 란?개발노하우/Java 2010. 12. 3. 23:37
Java진영에서 어느날 갑자기 등장하여 개발자들을 모호하게 만들어 버렸던 POJO!! 이 녀석이 당췌 뭐야? 많은 사람들은 그럴싸한 이론으로 POJO를 포장하려 한다. 실제 강의나 책을 통해서 설명되는 POJO는 이해하기 힘듬. ㅜㅜ 본인 또한 처음 POJO란 용어를 접했을때 이게 뭐지? 직역하면 명백히 오래된 자바 객체? 아쒸 명백히 오래된 자바객체가 한두개야? jdk 1.0 버전때 부터 제공되던 수 많은 클래스들을 통해 생성하는 객체들이 그럼 다 POJO야? POJO는 2000년 9월에 열린 컨퍼런스(어떤 컨퍼런스인지는 모름)에서 Rebecca Parsons, Josh MacKenzie, Martin Fowler 가 처음 사용한 용어이다. 다른 개념 다 버리고 POJO = Java Beans 여기서 ..
-
Spring 3.0 webmvc 모델에서 어노테이션 기반의 bean 설정개발노하우/spring.framework 2010. 10. 13. 21:03
1. 테스트를 위한 view 페이지를 만든다. - WEB-INF/jsp/dao.jsp 생성 data : ${data } 2. DAO 클래스 작성 - package : net.cranix.web.hellospring3.dao - name : TestDAO package net.cranix.web.hellospring3.dao; public class TestDAO { private String data = null; public void setData(String data) { this.data = data; } public String getData() { return data; } } - @Component 를 사용하지 않았기 때문에 bean 설정파일에 등록해 주어야 한다. 3. Controller 작..
-
Spring 3.0 webmvc 의 request 를 처리하는 8가지 방법개발노하우/spring.framework 2010. 10. 13. 21:02
1. 결과를 뿌려주기위해 jsp 를 먼저 만든다. - WEB-INF/jsp/request/request.jsp 생성 request - WEB-INF/jsp/request/request2.jsp 생성 message : ${message } 2. RequestProcess 클래스 생성 - package : net.cranix.web.hellospring3 - className : RequestProcess package net.cranix.web.hellospring3; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation...
-
Spring 3.0 webmvc heloworld!!!개발노하우/spring.framework 2010. 10. 13. 21:00
1. eclipse 에서 Maven Project 생성 - archetype : - Group Id : org.apache.maven.archetypes - Artifact Id : maven-archetype-webapp - group Id : net.cranix.web - artifact Id : hellospring3 2. maven dependency 에 spring-mvc 추가 - 기본 웹 archetype 을 선택했기때문에 spring-webmvc 라이브러리를 추가해 줘야한다. - 그리고 기본적으로 메이븐 플러그인에서 이클립스 버젼을 관리하도록 아래와 같이 버젼셋팅 플러그인을 추가한다. - pom.xml 파일에 아래 추가 ... org.springframework spring-webmvc 3...
-
[JSP] request 기본 객체개발노하우/Java 2010. 8. 21. 17:23
- request 기본 객체는 JSP의 기본 객체로서 웹 브라우저의 요청과 관련이 있다. - request 기본 객체 제공 기능 클라이언트(웹 브라우저)와 관련된 정보 요청 서버와 관련된 정보 요청 클라이언트가 전송한 요청 파라미터 읽기 기능 클라이언트가 전송한 요청 헤더 읽기 기능 클라이언트가 전송한 쿠키 읽기 기능 속성 처리 기능 메서드 리턴 타입 기 능 getRemoteAddr() String 웹 서버에 연결한 클라이언트의 IP주소를 구한다. getContentLength() long 클라이언트가 전송한 요청 정보의 길이를 구한다. 전송된 데이터의 길이를 알 수 없는 경우 -1을 리턴한다. getCharacterEncoding() String 클라이언트가 요청 정보를 전송할 때 사용한 캐릭터의 인코..