bootstrap 참고 사이트 https://www.w3schools.com/bootstrap/default.asp 부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 것이다. 웹 디자이너나 개발자 사이에서는 웹 디자인의 혁명이라고 불릴 정도로 폭발적은 반응을 얻는 프레임워크이다. '프레임워크' 라고 하는 것은 재사용이 가능한 요소들의 집합되어 있으며,정해진 구조와 틀 안에서 이것들이 확장이 가능한 기반 코드로 이루어 짐을 뜻한다. jquery는 라이브러리이고, 부트스트랩은 프레임워크다. 따라서, 우리는 '부트스트랩 프레임워크에서 jquery 라이브러리를 사용할 수 있다.'라고 말 할 수 있다. 01_bootstrap시작(containe..

로그인 1. 로그인 Form 회원 테이블 만들기&데이터 insert id 를 primary key로 지정하였다 CREATE TABLE member ( id VARCHAR(10) NOT NULL, -- 아이디, 중복 안됨, 레코드를 구분하는 컬럼 passwd VARCHAR(10) NOT NULL, -- 패스워드 mname VARCHAR(20) NOT NULL, -- 성명 tel VARCHAR(14) NULL, -- 전화번호 email VARCHAR(50) NOT NULL UNIQUE, -- 전자우편 주소, 중복 안됨 zipcode VARCHAR(7) NULL, -- 우편번호, 101-101 address1 VARCHAR(255) NULL, -- 주소 1 address2 VARCHAR(255) NULL, -..

session scope 부분에서 살펴보았지만, session 자세히 알아보자 session 내부객체 -HttpSession session -요청한 사용자에게 개별적으로 접근 -선언된 세션변수는 전역적 성격으로 유지된다 -★일정 시간동안 이벤트가 발생되지 않으면 자동삭제 세션 유지 시간 확인 out.print(session.getMaxInactiveInterval()); 세션 유지 시간 변경 session.setMaxInactiveInterval(60*10); get으로 세션 유지 시간을 확인했다면, set으로 세션 유지 시간을 변경할 수 있다. ▶ 위에서 확인한 세션 유지시간을 10분으로 변경해 줬다. 배치관리자 /WEB-INF/web.xml web.xml 세션시간설정, 환경설정등 지정 (web.xml..

스코프 session 은 로그인을 하기 위해서 필요하다 scope/scopeTest.jsp 파일 1. myweb 프로젝트에서 페이지들간에 값을 공유할 목적 웹페이지의 SCOPE(유효범위) -scope의 종류 1) page : (아무것도 선택하지 않으면 기본값) 2) request : 서로 연결되어져 있는 모든 페이지에서 유효(부모페이지와 자식페이지에서만 유효) -부모가 자식을 부를 수 있음 ex) bbsDel.jsp(부모) 와 bbsDelProc.jsp(자식) -서로 부른 페이지에 한에서만 값을 공유하는것이 가능하다 3) session : 모든 페이지에서 유효(사용자 개별 접근, 시간) -한번 값을 올리면 '나'한에서만 모든페이지에서 사용할 수 있다. -어느정도 시간이 지나면 사라지기 때문..

페이징 ▶글이 많이 쌓이게 되면 페이지가 길어지기 때문에 페이지를 만들어 주어야 한다. 구글 : 페이지가 7개가 넘어가면 앞부분의 페이지 버튼이 사라지고, 뒷부분의 페이지 버튼이 출력 네이버 : 페이지가 10개 단위로 넘어가며 10개가 넘어가야 그 다음 페이지가 화면에 출력 ▶어떤 형태의 페이지를 선택할 지는 가장 대중적으로 사용하는것을 쓰면 된다 페이징 준비단계 1) 한페이지당 출력할 글의 줄수 제목 작성자 조회수 작성일 =1 AND r=11 AND r=21 AND r ▶ paging 소스를 이용해서 마음에 드는 페이지를 불러왔다 ★ 페이징 class 분석

검색창 rownum 활용으로 페이징 만들기 1) 제목과 그룹넘버 순서를 조회 select subject, grpno, ansnum from tb_bbs order by grpno desc, ansnum asc; 2) rownum 추가 select rownum,subject, grpno, ansnum from tb_bbs order by grpno desc, ansnum asc; 3) 1)의 SQL문을 셀프조인 후 rownum추가 select rownum,subject, grpno, ansnum from (select subject, grpno, ansnum from tb_bbs order by grpno desc, ansnum asc )AA; 4) 줄번호 1~5 조회 select rownum,subjec..

댓글 개수 구하기 1. 댓글을 축력을 위한 정보 조회 1) 같은 그룹번호와 들여쓰기 번호순으로 제목, 그룹번호, 들여쓰기, 글순서 조회하였다 select subject, grpno, indent, ansnum from tb_bbs order by grpno desc , indent asc; 2) 그룹번호로 묶어서 그 번호에 속한 글들이 몇개인지 조회한다 select grpno, count(grpno) as cnt from tb_bbs group by grpno; 3) 2 )에서 나온 갯수는 부모글+ 자식글 이므로갯수에서 -1 을 한다 select grpno, count(grpno)-1 as cnt from tb_bbs group by grpno; 4) 3)의 논리적 테이블에 셀프(이너)조인해서 최초 부모..

7. 게시판 목록과 글쓰기 템플릿으로 게시판을 만들기위해 목록을 볼수 있는 bbsList 와 bbsForm 파일을 생성하자 게시판 목록 * 게시판 목록 * [글쓰기] 게시판 Form * 글쓰기 * [글목록] 작성자 제목 내용 비밀번호 1) 테이블 bootstrap 2) 폼양식 bootstrap 3)버튼 bootstrap 8. Server 단 페이지 만들기 DBOpen.java 드라이버 연결 package DBPKG; import java.sql.Connection; import java.sql.DriverManager; public class DBOpen { public static Connection getConnection() throws Exception { Class.forName("oracle...

미니 프로젝트 show view -> preject exploer 프로젝트 목록 화면이 사라졌을때 체크 1. 프로젝트 생성 new-> dynamic web project -> myweb 프로젝트 생성 ▶ web.xml 생성 꼭 체크해야한다 web.xml 위치를 확인해 보자 2. 내부객체를 사용하려면 외부라이브러리 복사(servlet-api.jar, ojdbc6.jar)1) servlet-api.jar D:\톰캣설치폴더\lib 2) ojdbc6.jar C:\오라클설치폴더\app\oracle\product\11.2.0\server\jdbc\lib ▶위의 과정을 걸쳐 프로젝트의 WEB-INF의 lib폴더에 라이브러리를 넣는다 3. 첫 페이지 index.jsp 파일생성 파일 생성 후에 basicWeb 프로젝트에..

현재 우리는 HTML CSS Javascript JSP 언어를 사용하고 있다 EL 과 JSTL 이라는 새로운 언어를 배워 보자 1.EL 1) elTest.jsp 1. JSP로 사용하는 방식 2. EL 표현식 EL 표현언어 : ${123} EL 표현언어 : ${123+456} 3. EL 에서 사용되는 연산자 더하기 : ${123+456} 뺴기 : ${123-456} 곱하기 : ${123-456} 나누기 : ${123-456} 2가 3보다 작다 : ${23 } 2) elTest2.jsp 1. 아이디 비번 form 만들기 * EL 파라미터 예제* 아이디: 비번: form을 의 데이터 값을 가지고 elTest2ok.jsp 로 이동 2. elTest2ok.jsp 1)JSP 방식 아이디: 비번: 1)EL 방식 아이..