반응형

개발/JSP 게시판 만들기 15

[JSP 게시판 만들기] 마무리 - DB 접속 정보 properties 파일로 분리하기

앞서 게시판 만들기 프로젝트 수행 중, UserDAO.java / BoardSiteDAO.java를 보면 DB 접속설정 부분을 파일마다 작성해주었다. 이럴 경우, 접속정보 수정 됐을 시 각 파일마다 들어가서 변경해주어야 한다. 간단하게 DB 접속정보만 담는 db.properties 파일을 만들어보자! db.properties driver = com.mysql.cj.jdbc.Driver dbURL = jdbc:mysql://localhost:3306/BOARDSITE dbID = root dbPW = root's Password : 본인이 생성하고 싶은 곳에 넣어도 된다! UserDAO.java / BoardSiteDAO.java 변경 전 public BoardSiteDAO() { try { String ..

[JSP 게시판 만들기] 14강 웹 사이트 메인 페이지 디자인

참고 유튜브 그 동안 메인 페이지의 디자인은 잠시 미뤄뒀다. 이제 메인페이지에서 사용자들이 웹 사이트의 전반적인 구성을 볼 수 있도록 구현해보도록 할 것 이다. main.jsp : 기존 형식 내 웹 사이트 소개글과 이미지를 첨부하여 메인 페이지를 디자인 하였다. 페이지 내 글씨체 등 변화를 주기 위해 custom.css 를 새롭게 구현하고 적용하였다. JSP 게시판 웹 사이트 메인 게시판 접속하기 로그인 회원가입 회원관리 로그아웃 웹 사이트 소개 이 웹 사이트는 부트스트랩으로 만든 JSP 웹 사이트입니다. 최소한의 간단한 로직을 이용해서 개발했습니다. 디자인 템플릿으로는 부트스트랩을 사용했습니다. 자세히 알아보기 mian.jsp 내 jumbotron 부분 웹 사이트 소개 이 웹 사이트는 부트스트랩으로 만..

[JSP 게시판 만들기] 13강 게시글 수정 및 삭제 기능 구현하기

참고 유튜브 지난 시간, 아래와 같이 글 상세 내용 보기까지 완료하였다. 이번 시간에는 게시글의 수정 및 삭제 기능을 구현해본다. modify.jsp : 현재 보고있는 글의 작성자와 로그인한 사용자가 같은 사용자인지 확인하고, 작성된 글을 기본값으로 세팅해준다. JSP 게시판 웹 사이트 메인 게시판 회원관리 로그아웃 게시판 글 수정 양식 modifyAction.jsp : 위 화면에서 수정하기 버튼을 클릭하여 실제 글 Update하는 함수를 호출하는 부분 = 0){ PrintWriter script = response.getWriter(); script.println(""); } else if(result == -1){ PrintWriter script = response.getWriter(); scrip..

[JSP 게시판 만들기] 12강 게시글 보기 기능 구현하기

참고 유튜브 지난 시간 게시글 목록 보기에 이어, 이번에는 게시글 하나를 선택시 상세 내용을 확인할 수 있는 view.jsp 파일을 구현해보겠다! BoardSiteDAO.java : BoardSiteDAO.java에 선택한 1개의 글을 읽어오는 getBoard(int boardID) 함수를 추가한다. public BoardSite getBoard(int boardID) { String SQL = "SELECT * FROM BOARD WHERE boardID = ?"; try { PreparedStatement pstmt = conn.prepareStatement(SQL); pstmt.setInt(1, boardID); rs = pstmt.executeQuery(); if(rs.next()) { Board..

[JSP 게시판 만들기] 11강 게시판 글 목록 기능 구현하기

참고 유튜브 지난 시간 게시글 저장하기까지 완료하였다. 이번 시간에는 저장된 게시글을 리스트로 게시판 페이지에서 확인 가능하도록 해본다! 게시글 리스트를 보여주기 위해서는 모든 게시글을 읽어오는 부분이 필요하다! -. ArrayList getList(int pageNumber) : DB에 저장된 게시글을 페이지 번호에 맞춰 10개씩 읽어오는 함수 -. boolean nextPage(int pageNumber) : 다음 페이지가 있는지 확인하는 함수 BoardSiteDAO.java 의 추가 함수 부분 //선택된 페이지에 해당되는 10개의 게시글을 읽어오도록 함 public ArrayList getList(int pageNumber) { //조회된 기준 boardID로 내림차순하여 위에 10개만 보여주는 쿼..

[JSP 게시판 만들기] 10강 게시판 글쓰기 기능 구현하기

참고 유튜브 지난 시간 게시판 데이터베이스 구축을 완료했다. 이제 게시판 글 쓰기 기능을 구현해보자! 우선, 현재 상황을 살펴보자. 글 작성하기 버튼 클릭시, write.jsp 파일이 없기에 404에러가 발생한다. write.jsp : 해당 부분은 글쓰기 입력 양식을 구현한 부분으로 입력한 데이터를 writeAction.jsp로 보내는 역할을 한다. JSP 게시판 웹 사이트 메인 게시판 접속하기 로그인 회원가입 회원관리 로그아웃 게시판 글쓰기 양식 writeAction.jsp : write.jsp에서 받은 Data를 write 함수를 호출함으로써 데이터 저장을 가능하게 하는 부분. userID 세션값을 검사하여 로그인한 사용자만 글쓰기 기능을 사용 가능할 수 있도록 할 수 있다. = 0){ PrintWr..

[JSP 게시판 만들기] 9강 게시판 데이터베이스 구축하기

참고유튜브 지난 시간 게시판 메인 페이지 디자인에서 등록된 글의 리스트를 확인하고, 등록할 수 있게 디자인하였다. 이를 위해, 이번 시간에는 게시판 데이터베이스를 구축해본다! 게시판 글을 담는 테이블 생성하기 -- BOARD 테이블 생성 CREATE TABLE BOARD( boardID INT, boardTitle VARCHAR(50), userID VARCHAR(20), boardDate DATETIME, boardContent VARCHAR(3000), boardAvailable INT, PRIMARY KEY (boardID) ); boardAvailable의 경우 게시글의 삭제여부를 나타내는 컬럼 (1:삭제안됨, 0:삭제됨) -> 활성/비활성이라고 생각하면 된다! 이제, 이전에 사용자 정보를 관리하..

[JSP 게시판 만들기] 8강 게시판 메인 페이지 디자인

참고 유튜브 기존 메인 페이지는 구성하였지만, 게시판 화면은 아직 구성 전이었다. 게시판 메인 페이지를 구성해보겠다! 게시판 페이지의 큰 틀은 main 페이지와 동일하고, 게시판의 기능을 할 수 있도록 글을 보고, 등록하고, 수정할 수 있는 화면을 구성해보겠다. boardSite.jsp JSP 게시판 웹 사이트 메인 게시판 접속하기 로그인 회원가입 회원관리 로그아웃 번호 제목 작성자 작성일 1 안녕하세요. 홍길동 2021-11-04 글 작성하기 실행화면 다음 시간에는 게시판 페이지에 글을 쓰고, 수정하고 할 수 있도록 게시판 데이터베이스를 구축해 볼 것 이다!

[JSP 게시판 만들기] 7강 접속한 회원 세션 관리하기

참고유튜브 이번에는 "세션 관리"를 해볼 것이다. 세션을 간단하게 말하자면 현재 접속한 회원에게 할당해 주는 고유한 ID라고 생각하면 된다. 세션에 대해 정리해서 글을 따로 올릴 예정이다. 가장 먼저! 로그인/회원가입 한 사용자들은 이미 로그인이 되어있는 상태이므로 세션할당이 필요하다. 이후, 로그인/회원가입 페이지는 다시 접근할 필요가 없으므로, if 문을 통해 main페이지로 이동시키는 로직을 추가하였다. loginAction.jsp / joinAction.jsp 페이지 모두 동일 로직! loginAction.jsp joinAction.jsp = 0){ session.setAttribute("userID", USER.getUserID());//USER의 ID를 세션값으로 설정해준다. PrintWrit..

[JSP 게시판 만들기] 6강 회원가입 기능 구현하기

참고 유튜브 https://www.youtube.com/watch?v=v2mmPRLjJGw&list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6&index=6 이번 시간에는 회원가입 페이지를 통해 데이터가 전달 및 저장되는 기능을 구현해 본다. UserDAO.java 지난 시간 UserDAO.java 파일은 데이터베이스에 직접 접근하여 데이터 조회 및 수정을 진행하는 트랜잭션 객체라고 설명하였다. UserDAO.java 파일에 회원가입 기능인 join() 메소드를 추가 작성한다. ////// 생략 ////// public int join(User user) { String SQL ="INSERT INTO USER VALUES (?, ?, ?, ?, ?)"; try { pstat = co..