ee2ee2

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

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

참고유튜브 지난 시간 게시판 메인 페이지 디자인에서 등록된 글의 리스트를 확인하고, 등록할 수 있게 디자인하였다. 이를 위해, 이번 시간에는 게시판 데이터베이스를 구축해본다! 게시판 글을 담는 테이블 생성하기 -- 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:삭제됨) -> 활성/비활성이라고 생각하면 된다! 이제, 이전에 사용자 정보를 관리하..

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

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

참고 유튜브 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..

참고 유튜브 https://www.youtube.com/watch?v=-Kbhn2TJGn4&list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6&index=5 로그인 페이지에 이어 회원가입 페이지를 디자인해본다. 사용자 정보 테이블에 저장될 Data를 입력하는 페이지를 만들 것이다. (기존 로그인 화면을 응용해보자!) Join.jsp JSP 게시판 웹 사이트 메인 게시판 접속하기 로그인 회원가입 회원가입 화면 남자 여자 실행 화면 이메일 형식에 맞지 않는 값을 입력할 때, 다음은 회원가입 데이터가 전달 및 저장되는 기능을 구현해 볼 것이다.

참고 유튜브 https://www.youtube.com/watch?v=RYo3OGlRoJw&list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6&index=4 지난 시간 데이터베이스 구축을 완료하였다. 로그인 페이지 디자인을 완료하였으니, 로그인 기능을 구현해보겠다. 기능 구현에 앞서, JAVA-MySQL을 위해서는 MySQL JDBC Connecter 설치 및 적용 과정이 필요하다. 기능 구현 후 바로 테스트 가능하도록 설치 완료 후 기능 구현을 진행하도록 한다. [MySQL] JAVA 연동을 위한 MySQL JDBC Connecter 설치 및 적용하기 MySQL-JAVA 연동을 위한 MySQL JDBC Connecter 설치 및 적용하는 방법을 소개한다. 먼저, 설치에 앞서 JDBC..

참고 유튜브 https://www.youtube.com/watch?v=kN8xRG6UPZM&list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6&index=3 지난 시간 로그인 페이지 디자인을 완료했다. 이제 실제 웹페이지의 회원 정보 및 정보들을 저장할 데이터 베이스를 구축 및 연동이 필요하다. 이번시간은 MYSQL(Database)을 설치하여 연동까지 진행할 것이다. MYSQL 다운로드 (설치버전 : mysql-installer-community-8.0.27.0.msi) download ULR : https://dev.mysql.com/downloads/windows/installer/8.0.html MySQL :: Download MySQL Installer Select Opera..

* 참고 유튜브 https://www.youtube.com/watch?v=MtxFWczSFqU&list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6&index=2 게시판을 만들 Dynamic Web Project 를 생성 완료하였으면, 가장 먼저 로그인 페이지를 디자인 할 것 이다. 웹 페이지 개발 순서는 디자인을 먼저 구성하고, 그에 필요 기능을 입히는 것이 좀 더 일반적이다. (좀 더 빠르다.) 디자인 구성에 앞서 화면은 Bootstrap을 사용하여 구성한다. Bootstrap은 화면을 좀 더 빠르고 보기좋게 구현할 수 있도록 도와주는 프레임워크이다. 해당 프로젝트에서 사용된 부트스트랩 버전은 아래 URL에서 다운로드 가능하다. Bootstrap download : http://ge..