이제 마지막으로 main.jsp페이지를 디자인 및 페이지 소개를 해보도록 하겠습니다. main.jsp 파일에 로그아웃 부분 아래에 사이트 소개 부트스트랩을 이용하여 만든 JSP 게시판 사이트 입니다. 자세히 알아보기 위와 같이 h1 태그를 이용하여 제목을 적고 태그를 이용하여 글 내용을 입력 할 수 있게 해준다. 보여지는 화면 css 추가 사용 WebContent 우클릭 new -> other를 들어가 custom.css를 추가하여 줍니다. 구글에서 제공해주는 폰트를 사용 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(http://fonts.googleapis.com/earlyaccess/hanna.css..
글 수정 및 삭제 기능을 구현해 보도록 하겠습니다. 1. 먼저 글 수정 부터 해보도록 하겠습니다. BbsDAO.java를 열어 글 수정 함수를 만들어 주도록 합니다. 지난번에 했던 getBbs 아래에 추가해주도록 합니다. 이후 write.jsp를 그대로 복사하여 update를 하나 새로 만들어 주도록 합니다. 그리고 아래에 글 수정에 필요한 update를 update.jsp에 넣어 주면 됩니다. JSP 게시판 메인 게시판 회원관리 로그아웃 게시판 글 수정 양식 아래와 같이 기존에 작성한 글을 들어가 보았을때 기존 내용과 우측 하단에 글 수정 부분을 볼 수 있습니다. 이제 글 수정 화면 까지 구현이 완성 되었고, 글 수정이 정상적으로 작동이 하게 updateAction페이지를 만들어 주겠습니다. updat..
위의 파일에 추가를 하여야 한다 이전 장에 햇던 nextpage함수 아래부터 추가를 해주면 된다. package bbs; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.util.ArrayList; public class BbsDAO { private Connection conn; private ResultSet rs; public BbsDAO() { try { String dbURL = "jdbc:mysql://localhost:3306/BBS?serverTimezone=Asia/Seoul"; String dbID ..
글쓰기 기능 구현 글쓰기 버튼을 눌렀을때 글을 쓸 수 있게 하기 위해 write.jsp 페이지를 만들어 주도록 합니다. JSP 게시판 메인 게시판 접속하기 로그인 회원가입 회원관리 로그아웃 게시판 글쓰기 양식 이렇게 게시판 양식이 완성 됩니다. 이제 글쓰기 버튼을 누르면 이렇게 나오게 되는데 이페이지가 작동 할 수 있게 writeAction 페이지를 만들어 주도록 합니다. 그전에 먼저 userDAO를 만들어 준 것 처럼 게시판도 BbsDAO를 만들어 주도록 합니다. 데이터 접근 객체로 실제로 데이터베이스에 접근을 하여 데이터를 가져올 수 있게 해주는 역할을 합니다. 이렇게 BbsDAO.java를 만들어 주고 아래와 같이 작성을 해주도록 합니다. package bbs; import java.sql.Conn..
- 게시판 데이터베이스 구축하기 - 게시판의 데이터 베이스가 필요하기 때문에 테이블을 만들어 주겠습니다. 이렇게 게시판 BBS의 테이블을 추가 해 주도록 합니다. 이전에 유저들의 DB를 추가 해줬던 것 처럼 패키지와 클래스를 추가해 주도록 합니다. Bbs.java 파일에 아래와 같이 추가를 해주도록 합니다. package bbs; public class Bbs { private int bbsID; private String bbsTitle; private String userID; private String bbsDate; private String bbsContent; private int bbsAvailable; public int getBbsID() { return bbsID; } public vo..
- 게시판 메인 페이지 디자인 - 게시판을 만들어 주기 위해 bbs.jsp 파일을 만들어 주도록 합니다. 이렇게 bbs파일을 추가해 주시고, 아래와 같은 코드를 추가 해주도록 합니다. JSP 게시판 메인 게시판 접속하기 로그인 회원가입 회원관리 로그아웃 번호 제목 작성자 작성일 1 안녕하세요 홍길동 2019-12-08 글쓰기 이렇게 게시판이 만들어 지게 됩니다. https://alisyabob.tistory.com/223 JSP 게시판 만들기 CHAPTER 9 (자바스크립트) - 게시판 DB구축하기 - 게시판 데이터베이스 구축하기 - 게시판의 데이터 베이스가 필요하기 때문에 테이블을 만들어 주겠습니다. 이렇게 게시판 BBS의 테이블을 추가 해 주도록 합니다. 이전에 유저들의 DB를 추가 해줬던 것 처럼...
- 접속한 회원 세션 관리하기 - 로그인 및 회원가입 을 할때 userID로 세션 관리를 해줍니다. ↑login.jsp파일에 빨간 부분을 추가해주도록 합니다. ↑join.jsp부분에도 똑같이 위와같은 세션관리 하는 부분을 추가해 주도록 합니다. 이제 이러한 세션처리를 이용하여 로그아웃 페이지를 만들어 주도록 하겠습니다. 이렇게 파일을 추가 해주시구요 이렇게 위와 같이 해주도록 합니다. 로그인 한 회원들은 모두 세션 id를 부여 받기 때문에 로그인 여부를 확인 할 수 있게됩니다. 따라서 이제 로그인한 회원들은 로그인과 회원가입에 접속이 안되도록 해주어야 합니다. loginaction.jsp 부분에 빨간색으로 된 부분을 추가해주도록 합니다. 이렇게 해주어야 user아이디가 이미 존재 할 경우에 로그인 처리가..
- 회원가입 기능 구현하기 - join.jsp를 이전 페이지에선 만들었는데, join.jsp 다음 페이지를 한번 만들어 보도록 해보겟습니다. 이렇게 joinAction.jsp파일을 추가 해주시구요. 이렇게 추가를 해주시면 됩니다. 회원가입 화면에서 데이터를 미입력 시 이렇게 입력이 안 된 사항이 있습니다. 라는 문구가 나오게 됩니다. 또 다르게 회원가입이 정상적으로 되었을 경우 이렇게 main.jsp로 넘어 가게 됩니다. 오류가 아니라 아직 main.jsp를 만들어 주지 않았기 때문에 발생하는 404에러입니다. https://alisyabob.tistory.com/ JSP 게시판 만들기 CHAPTER 7 (자바스크립트) - 접속한 회원 세션 관리 - 접속한 회원 세션 관리하기 - 로그인 및 회원가입 을 ..
JSP 게시판 만들기 CHAPTER 5 (자바스크립트) - 회원가입 페이지 디자인 - 이제 로그인 화면과 동일한 회원가입 화면도 구현을 해보도록 합니다. 우선 login.jsp라고 되어있는 파일을 복사를 하여 join.jsp라는 이름으로 새로 하나 더 만들어 줍니다. 이렇게 join.jsp라는 파일을 만들어 주시구요 JSP 게시판 메인 게시판 접속 로그인 회원가입 회원가입 화면 남자 여자 회원 가입 폼 부분을 바꾸어 주도록 합니다. 이렇게 회원가입이 구현이 되게 됩니다. https://alisyabob.tistory.com JSP 게시판 만들기 CHAPTER 6 (자바스크립트) - 회원가입 기능 구현 - 회원가입 기능 구현하기 - join.jsp를 이전 페이지에선 만들었는데, join.jsp 다음 페이지..
- 로그인 기능 구현해주기 - JSP에서 회원 데이터베이스에 접근을 할 수 있게 DAO를 만들어 주겟습니다. 이렇게 UserDAO.java 클래스를 만들어 주도록 합니다. package user; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; public class UserDAO { //dao란 데이터베이스 접근 객체 Data Access Object 로 db에서 회원정보를 불러오거나 넣을 때 사용한다. private Connection conn; // db에 접근 할 수 있게 해준다. private PreparedStatement ps..