본문 바로가기

Learning

게시판 2 게시판 하단에 페이지 표시하기 한 페이지당 몇 개의 게시글을 표시할 것인가? int pageSize=5 (5개의 게시글) 글이 하나만 있더라도 페이지는 1로 표시된다. String pageNum (String으로 pageNum을 reqest 받아옴) int currentPage (현재 페이지. String pageNum을 int형으로 변환) 10개의 게시글이 있다고 가정했을때 1페이지에는 6~10번째, 2페이지에는 1~5번째 게시글이 표시된다. 페이지당 표시되는 게시글의 첫번째를 startRow, 마지막번째를 endRow라고 한다. startRow=(currentPage-1)*pageSize+1; (현재 페이지가 1이라면 startRow는 1) endRow=currentPage*pageSize; (현재 .. 더보기
게시판 1 writeForm.jsp: 게시판에 글 등록하는 폼 이름 제목 이메일 내용 비밀번호 BoardVO.java: 게터 세터 자바빈즈 package com.board; public class BoardVO { private int num; private String writer; private String subject; private String email; private String content; private String ip; private int readcount; private int ref; private int re_step; private int re_level; private String passwd; private String reg_date; public int getNum() { re.. 더보기
회원가입2 회원가입 (JMEMBER) 에서 memberList.jsp에 전체회원수 출력하기 memberList.jsp에 int count=dao.memberCount(); 변수 선언 MemberDAOImpl에 public int memberCount() 메소드 생성. if(rs.next())로 count 변수에 rs.getString(1)값 주기 회원 삭제할때 전체 회원 수도 가져오기 (그 전엔 새로고침 해야지 전체 회원 수가 바뀌었음) 제이슨 어레이로 memberList.jsp에 값들을 뿌렸다. 삭제할때 새로고침 없이 전체회원수도 함께 바꾸려면, 즉 제이슨 어레이와 전체회원수와 같이 연결하려면.. 제이슨 오브젝을 하나 만들고 기존의 제이슨 어레이와 전체회원수count를 넣어준다. (put) memberList.j.. 더보기
CSS 레이아웃 CSS 포지셔닝: CSS를 웹 문서 요소를 적절히 배치하는 것 box-sizing: 박스 모델 너비 값의 기준을 정함 content-box: width 속성 값을 콘텐츠 영역 너비 값으로 사용 border-box: width 속성 값을 콘텐츠 영역에 테두리까지 포함한 박스 모델 전체 너비 값으로 사용 box-sizing = "content-box" box-sizing = "border-box" float: 컨텐츠들을 띄어서 정렬 박스1 박스2 박스3 박스4 clear: float 속성 해제 .box4{ padding: 20px; margin-right: 10px; background: pink; clear: both; } 사이트 제목 사이드 바 모든 국민은 근로의 의무를 진다. 국가는 근로의 의무의 내용.. 더보기
CSS와 박스 모델 블록 레벨 요소: 요소 혼자 한 줄을 차지함. , 등 인라인 레벨 요소: 줄을 차지하지 않는 요소. , 등 박스 모델: 실체 콘텐츠 영역, 패딩, 박스 테두리, 마진 등의 요소로 구성 display 속성: 블록 레벨 요소를 인라인 레벨 요소로 바꾸거나 인라인 레벨 요소를 블록 레벨 요소로 바꿈 display:block : 해당 요소를 블록 레벨로 지정 display:inline: 블록 레벨 요소를 인라인 레벨로 지정 display:inline-block: 요소를 인라인 레벨로 배치하면서 내용에는 블록 레벨 속성을 지정 display:none: 해당 요소를 화면에 표시하지 않음. 화면에서 공간도 차지하지 않음 애완견종류 입양하기 건강돌보기 더불어살기 nav{ width: 100%; height: 60%; .. 더보기
회원가입 DAO: Data Access Object. Database의 data에 접근을 위한 객체. Database에 접근을 하기위한 로직과 비즈니스 로직을 분리하기 위해서 사용함 커넥션 풀: DB와 연결할때 매번 커넥션 객체를 생성하지 않고 미리 만든후 가져다 씀. 다쓰면 반환. DTO(=VO): Data Transfer Object. Value Object. 계층간 데이터 교환을 위한 자바빈즈. (VO는 read only 속성을 가짐) (생성자, 게터 세터 모음을 자바빈즈라 하는군) New Dinamic Web Project로 JSP_Project 생성하고 context.xml파일을 META-INF 폴더에 붙여넣기, json-simple-1.1.1.jar 파일을 WEB-INF 폴더에 붙어넣기. WebCont.. 더보기
스타일과 스타일시트 글꼴 스타일: HTML 문서의 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용들 선택자 { 스타일 속성: 속성 값} 선택자: 테이블, 목차 등 스타일 규칙이 적용될 대상 속성이 여러개라면 세미콜론(;)으로 구분 주석: /*와 */ 사이 스타일시트: 스타일을 관리하기 쉽도록 한 군데 모아놓은 것 글꼴 브라우저 기본 글꼴 사용 나눔고딕 웹 폰트 사용 더보기
<datalist>가 있는 신청서 폼 : 여러 데이터의 나열 중 하나를 선택 에 id부여 에 list="datalist의 id" 부여 여름방학 특강 신청 수강 신청인 학번 이름 학과 건축공학과 기계공학과 산업공학과 전기전자공학과 컴퓨터공학과 화학공학과 사학과 어문학부 철학과 수강 과목을 선택하세요 관심분야 더보기
주소록 생성하기2 insert.jsp: 테이블 형식으로 폼 만들기. 우편번호 검색 버튼을 누르면 새 창이 뜨고 우편번호 검색할 수 있는 환경 제공 전체보기=list.jsp로 링크 우편번호 텍스트필드 옆 검색버튼=zipCheck.jsp를 새 창으로 열기(window.open) 등록버튼=insertPro.jsp로 폼 액션 보내기 전체보기 주소록 등록하기 이름 우편번호 주소 전화번호 zipCheck.jsp: 우편번호 검색 창. 제이슨 형식으로 zipCheckPro.jsp의 값들을 가져옴 제이슨 형식으로 가져온다? $.getJSON(가져올 파일, {키:값}, function(data){ $.each(data, function(key, val){ }) 동이름 입력 zipCheckPro.jsp: zipCheck의 동이름검색에서 넘어.. 더보기
JSON 형식의 데이터값 읽어오기 exam03: 결과, 결과 2 버튼 생성. 결과 버튼 클릭할 경우 메시지, 데이터 처리상태 출력 결과 결과2 data.txt: JSON 형식의 데이터 [ { "memberNumber":"m001", "irum":"goroman", "picture":"goroman.png" }, { "memberNumber":"m002", "irum":"kingkang", "picture":"myFace.png" } ] + 파싱이 되어있는 함수를 사용 (exam03.jsp의 버튼2) 결과 결과2 더보기

티스토리툴바