본문 바로가기

분류 전체보기

 (157)
Java EE jsp, servlet 분리하여 웹 구현(1) Java jsp, servlet 을 분리해서 웹서비스를 구현해보자 먼저 jsp 에서는 화면에 보여지는 영역만 작성하고 servlet에서는 값을 jsp으로 전달하는 역활을 한다. Java Resources 폴더에 패키지를 생성하고 그안에 Class를 위와 같이 작성하였다. 최종적인 목표는 FortuneServlet.java 파일안에 있는 String fortune 값을 jsp 으로 전달하여 보여지게 하는 것이다. 값을 받을 jsp 페이지에서는 servlet에 있는 String type 데이터를 읽어와서 fortune 에 casting 하였다. setAttribute가 전달하는 값은 Object 이므로 casting 하지 않으면 에러 발생한다. 경로는 servlet 에 맞춰서 작성한다. index 페이지에 ..
Bootstrap Form 디자인 Form 디자인 종류 form 크기) form 디자인 아이디 비밀번호 가입 위에 form 두개 중 아래의 form 을 보면 div class row 안에 div class를 col-6 으로 작성하면 창의 크기에 상관없이 6/12 크기를 갖게 된다. (위의 form은 col-6이 작성 안된 form이다) form 디자인 아이디 비밀번호 가입 576px 이상일때만 6/12 크기를 유지하는 class "col-sm-6" 576px 이상일때는 6/12 크기를 유지하지만 창의 크기가 576px 이하가 되는 순간 6/12 크기가 유지가 되지 못한다. form 디자인 아이디 비밀번호 가입 576 px 이상일 경우에만 가운데 정렬이 되는 class "col-sm-6 mx-auto" 576 px 이상일때는 폼이 가운데 ..
MediaQuery 사용 MediaQuery 는 반응형 웹을 만들때 어떤 특정 조건이 만족하게 되면 적용되는 css 이다 사용 예제) @media(min-width: 578px) { .bg-yellow{ background-color: yellow; } } /* 아래의 media query 의 중괄호 안에 작성한 css 는 조건부로 적용된다 ( ) 안의 조건이 true 인 경우에만 적용된다. 따라서 device 의 폭이 최소 768px 이상이 되어야 지만 적용된다. */ @media(min-width: 768px) { .bg-green { background-color: green; } } p1 입니다 폭이 768px 이상인 경우 배경색이 초록색으로 바뀐다. 폭이 578px~768px 사이인 경우 배경색이 노란색으로 바뀐다. 폭..
Bootstrap Grid 예제 Bootstrap 에서 Grid는 반응형 페이지를 만들 경우에 사용한다. 예제 코드) html 안에 bootstrap 을 로딩시키고 제목 width 100% p 요소 width 100% Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora soluta placeat laboriosam, pariatur quidem fuga officia, voluptate qui officiis temporibus reprehenderit vero, porro unde? Aperiam iusto enim saepe non officiis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Commodi ..
[Eclipse] Java EE DB 데이터 추가 Java EE 플랫폼에서 DB 데이터 추가 하는 페이지를 만들어 보자 DB에 추가하고싶은 데이터를 입력하는 form 페이지를 작성한 뒤 MemberDto 클래스안에 미리 insert() 메소드를 만들어놓고 insert 작업을 하는 페이지를 위와 같이 작성.
[Eclipse] Java EE JNDI DB연결 Java Resources 폴더 > src/main/java 폴더에서 test.util 패키지를 생성하였고 그 안에 DBcpBean.class 파일을 생성하였다. JNDI 방식으로 DB 연결하는 소스코드이다. JNDI 란? JNDI(Java Naming and Directory Interface)는 디렉터리 서비스에서 제공하는 데이터 및 객체를 발견(discover)하고 참고(lookup) 하기 위한 자바 API 이다. JNDI는 일반적으로 다음의 용도로 쓰인다. - 자바 애플리케이션을 외부 디렉터리 서비스에 연결 (예: 주소 데이터베이스 또는 LDAP 서버) - 자바 애플릿이 호스팅 웹 컨테이너가 제공하는 구성 정보를 참고 출처 : 위키백과
[Eclipse] Java EE DB에서 값 조회 Java EE 플랫폼에서 DB 조회 하는 페이지를 만들어 보자 회원 목록 보는 페이지로 가는 링크 만들고 MemberDto 클래스에 미리 getList 메소드를 작성 하고 list.jsp 안에 dao안에 db연결 객체를 받아온뒤 list 지역변수에 DB에서 값을 가져올 준비를 완료한다. 위처럼 .getxxx으로 원하는 값을 받아와서 사용한다. 구현된 예시이다.
Bootstrap 사용하기 Bootstrap 사용법 https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com bootstrap 홈페이지 진입 Docs 클릭 html 파일 안에 표시한 구문들을 입력 하면 bootstrap 사용 준비 완료이다. 사용 예시) 버튼 버튼 버튼 버튼 버튼 버튼 기본적으로 요소 안에 class="" 안에 bootstrap에서 ..

티스토리툴바