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 방식 아이..

※ 지금배우는 교육과정에는 메일서버 구축을 배우지 않는다. KT 호스팅 사이트 http://www.kthosting.co.kr [KT호스팅] :: 대한민국 대표 인터넷 허브 KT호스팅 :: www.kthosting.co.kr [01] 자바 메일 보내기 더보기 - 문의 메일 보내기, 쇼핑몰에 상품 구매 후에 구매완료되었습니다등 자바코드를 이용해서 메일을 보낸다. - 메일 서버(POP3/SMTP) 구축후, 메일 라이브러리를 통해서 간편하게 메일을 전송할수 있는 JSP파일을 작성한다. 별도로 메일 서버는 구축하지 않고 카페24 메일 서버를 활용할 예정. - 카페24 유료 회원이면 카페24에서 제공하는 메일 서버를 계정 인증후의 3개까지 사용할 수 있다.(유료전환) http://www.cafe24.com -> ..

포토갤러리 > pds pdsList.jsp, pdsForm.jsp, pdsInt.jsp, ssi.jsp 1. pdsList 포토갤러리 목록 페이지 //첨부를 해서 받은 파일들의 이름은 테이블에 들어가고, 화면에 보여줄때 그 파일 이름에 맞는 이미지를 불러온다 1) 포토갤러리 테이블 생성 -- 테이블 생성 CREATE TABLE tb_pds ( pdsno NUMBER NOT NULL ,wname VARCHAR2(100) NOT NULL ,subject VARCHAR2(250) NOT NULL ,regdate DATE NOT NULL ,passwd VARCHAR2(15) NOT NULL ,readcnt NUMBER DEFAULT 0 ,filename VARCHAR2(250) NOT NULL --파일명 ,fi..

[ 파일전송 ] - 사용자가 클래스를 이용해서 직접 생성 가능 - 외부 라이브러리 활용 (cos.jar) [cos.jar 다운] http://www.servlets.com Servlets.com Home What's New? com.oreilly.servlet Servlet Polls Mailing Lists List Archives Servlet Engines Servlet ISPs Servlet Tools Documentation Online Articles The Soapbox "Java Servlet Programming, Second Edition" "Java Enterprise Best Practices" Speaking & Slide www.servlets.com ▶ 페이지에 접속해서, co..

[01] Cookie 클래스 - javax.servlet.http.Cookie 클래스를 이용. - Tomcat 서버가 Client에 저장하는 텍스트 파일로 된 정보 - 보안성이 없음으로 계정과 패스워드를 동시에 쿠키에 저장하면, 쿠키의 내용을 전부 편집기로 열어 볼 수 있음으로 보안에 문제가 될 수 있다. - 4Kb까지 저장할 수 있다. 네트워크 트래픽이 많아짐으로 1KB안쪽으로 사용 권장. - 쿠키는 웹페이지 접속시 서버로 자동으로 전송되고 서버에 의해서 클라이언트에 쓰여지므로 쿠키를 사용하지 않는 옵션을 브러우저에서 지정가능. - 쿠키의 저장 폴더(최근의 브러우저는 보안상의 이유로 쿠키 내용을 볼 수 없도록 변경함): . Window XP IE의 경우: 탐색기 --> 도구 --> 폴더 옵션 --> 보..

회원가입 1. 회원가입 링크 ▲ 로그인 form 에서 회원가입 text에 링크를 걸어서 회원가입 약관으로 이동하게하자 2. 회원가입 약관 폼 * 회/원/약/관 * Community 서비스약관 (2005. 7. 18 부터 유효) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 내용 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 약관에 동의합니다 ▲ 약관 폼을 만들어서 input 태그에 submit 속성으로 회원가입 버튼을 누르면 제출이 되는데 onsubmit 속성때문에 send()함수를 거쳐 검사를 한다 3. Send() ▲ 회원가입 버튼 위에 있는 name을 'agree'를 가진 checkbox 선택을 해 주면 return반환 그렇지 않으면 경고창 출력 후 false 값 ..