반응형
반응형
'코딩/JSP 게시판' 카테고리의 글 목록
본문 바로가기

코딩/JSP 게시판15

[JSP] JSP 게시판 만들기 14강 게시판 메인 페이지 만들기 유튜브 동빈나님 JSP 게시판 강좌 따라하기 14강 게시판 메인 페이지 만들기 # main.jsp 네비게이션만 있던 메인 페이지를 꾸며보겠습니다 메인 페이지 하단 부분에 메인페이지를 표시해주는 컨테이너를 추가합니다 위의 코드만 추가하면 사진과 같은 페이지 소개 화면이 나옵니다 # custom.css 기본 폰트가 밋밋하니 폰트 스타일을 적용시켜보겠습니다 [WebContent 안의 css 폴더 우클릭] - [New] - [Other] 'css' 라고 검색 후 'CSS File' 를 선택하고 'custom' 이라는 이름으로 css파일을 하나 생성합니다 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(http://.. 2020. 7. 21.
[JSP] JSP 게시판 만들기 13강 게시판 글 삭제하기 유튜브 동빈나님 JSP 게시판 강좌 따라하기 13강 게시판 글 삭제하기 기능 구현하기 #BbsDAO 강좌 카테고리를 정주행 하셨다면 코드를 이미 입력하셨겠지만 삭제하기 포스팅으로 바로 접속하신 분들을 위해서 'BbsDAO' 코드를 다시 한 번 올리겠습니다. 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(.. 2020. 7. 20.
[JSP] JSP 게시판 만들기 13강 게시판 글 수정하기 유튜브 동빈나님 JSP 게시판 강좌 따라하기 13강 게시판 글 수정하기 기능 구현하기 기존 강좌와는 다르게 글 수정 기능과 삭제 기능을 각각 다른 포스팅에 담았으니 참고 바랍니다 # BbsDAO update 메소드 - 글 수정 기능 매개변수로 게시글 번호, 글 제목, 글 내용을 받아와서 데이터 수정을 해주는 메소드를 추가합니다 delete 메소드 - 글 삭제 기능 (글 삭제 기능은 다음 포스팅에 올리겠습니다) 매개변수로 게시글 번호를 받아와 해당 게시글 번호에 해당하는 게시글의 유효숫자를 '0' 으로 변경하여 유효하지 않은 글로 수정합니다. 실제 데이터를 삭제하지는 않는 로직입니다. package bbs; import java.sql.Connection; import java.sql.DriverManag.. 2020. 7. 19.
[JSP] JSP 게시판 만들기 12강 게시판 글 보기 기능 유튜브 동빈나님 JSP 게시판 강좌 따라하기 12강 게시판 글 보기 기능 구현하기 # BbsDAO 'getBbs' - 하나의 게시글의 요소들을 보여주는 메소드 하나의 게시글을 보는 메소드를 추가합니다. 매개변수로 넘어온 'bbsID' 에 데이터가 존재한다면 그 데이터에 맞는 'Bbs' 인스턴스를 생성하고 해당 내용들을 모두 불러와 정보들을 리턴해주는 메소드입니다 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 Co.. 2020. 7. 18.
[JSP] JSP 게시판 만들기 11강 게시판 글 목록 기능 유튜브 동빈나님 JSP 게시판 강좌 따라하기 11강 게시판 글 목록 기능 구현하기 # BbsDAO 'getList' 메소드 - 존재하는 게시글 리스트를 불러오는 메소드 ArrayList getList(int pageNumber) - 현재 페이지의 게시글 목록을 리스트 형태로 받아옵니다 "select * from bbs where bbsID < ? and bbsAvailable = 1 order by bbsID desc limit 10" 모든 게시글을 조회합니다, 현재 유효번호가 존재하고 새롭게 작성될 게시글 번호보다 작은 모든 게시글번호를 내림차순 정렬로 최대 10개까지 조회합니다 getNext() - (pageNumber - 1) * 10 만약 현재 글이 5개라면 getNext()=6, 1페이지이기 때.. 2020. 7. 17.
[JSP] JSP 게시판 만들기 10강 게시판 글쓰기 기능 구현하기 유튜브 동빈나님 JSP 게시판 강좌 따라하기 10강 게시판 글쓰기 기능 구현하기 게시판 페이지에서 로그인을 한 사람들은 '글쓰기' 기능을 사용할 수 있도록 실제 사용자가 입력한 글 제목과 글 내용을 전달 받아 데이터베이스에 실제로 저장되는 기능을 구현해보겠습니다 # write.jsp 기존에 있던 'bbs.jsp' 를 복사하여 'write.jsp' 페이지를 생성합니다 JSP 게시판 웹 사이트 메인 게시판 접속하기 로그인 회원가입 회원관리 로그아웃 게시판 글쓰기 양식 게시판 글쓰기 양식 코드를 추가합니다 'bbs.jsp' 페이지에서 '글쓰기' 버튼을 누르면 글쓰기 양식이 화면에 보여지는 코드입니다 # BbsDAO 'bbs' 패키지에서 'BbsDAO' 클래스를 생성합니다 'UserDAO' 와 비슷하게 기본 생.. 2020. 7. 16.
[JSP] JSP 게시판 만들기 9강 게시판 데이터베이스 구축 유튜브 동빈나님 JSP 게시판 강좌 따라하기 9강 게시판 데이터베이스 구축하기 게시판에 사용될 각각의 글들을 저장하고 관리할 수 있도록 게시판 데이터베이스를 구축합니다. MariaDB 커맨드창을 열어서 'bbs' 라는 테이블을 만들고 이클립스에서 bbs의 자바빈즈를 생성하여 getters/setters 까지 생성하면 데이터베이스 구축이 완료됩니다. MariaDB 커맨드창을 열어 'bbs' 테이블 생성 코드를 입력합니다 (MySQL 에서도 동일합니다) create table bbs( bbsID int, bbsTitle varchar(50), userID varchar(20), bbsDate datetime, bbsContent varchar(2048), bbsAvailable int, primary key.. 2020. 7. 14.
[JSP] JSP 게시판 만들기 8강 게시판 메인 페이지 만들기 유튜브 동빈나님 JSP 게시판 강좌 따라하기 8강 게시판 메인 페이지 디자인 네비게이션에서 '게시판' 버튼을 누르면 나오는 게시판 메인 페이지 화면을 디자인하는 내용을 작성해보겠습니다 'main.jsp' 을 복사해서 'bbs.jsp' 페이지를 생성합니다 게시판 페이지에 맞게 'class="active"' 를 게시판으로 옮겨줍니다 네비게이션 아래 부분에 게시판 메인 페이지 코드를 추가합니다 JSP 게시판 웹 사이트 메인 게시판 접속하기 로그인 회원가입 회원관리 로그아웃 번호 제목 작성자 작성일 1 안녕하세요 홍길동 2020-07-13 글쓰기 게시판 메인 페이지 화면이 완성되었습니다 https://happy-inside.tistory.com/category/%EC%BD%94%EB%94%A9/JSP%20%EA.. 2020. 7. 13.
[JSP] JSP 게시판 만들기 7강 세션 관리하기 유튜브 동빈나님 JSP 게시판 강좌 따라하기 7강 세션 관리하기 세션은 현재 접속한 한 명의 회원에게 할당되는 고유한 ID입니다. 웹 서버는 한 명의 회원을 세션 ID로써 구분할 수 있습니다. 로그인을 하면 세션이 부여되어서 로그인을 하지 않았을 때와는 다른 화면을 제공할 수 있습니다. 이번 포스팅에서는 로그인을 했을 때와 회원가입을 하였을 때 세션을 부여하여 각각 보여지는 화면이 다르게 보이는 작업을 담았습니다. # loginAction.jsp 먼저 로그인에 성공했을 때 세션을 부여하는 코드를 추가합니다 그리고 현재 접속한 세션이 있는지 체크하는 코드와 접속한 세션이 있다면 '이미 로그인이 되어 있습니다' 라는 알림창을 띄우고 'main.jsp' 페이지로 이동하는 코드를 추가합니다. # joinActi.. 2020. 7. 12.
[JSP] JSP 게시판 만들기 6강 회원가입 기능 구현하기 유튜브 동빈나님 JSP 게시판 강좌 따라하기 6강 회원가입 기능 구현하기 한 명의 회원정보를 입력하는 회원가입 폼에서 아이디, 비밀번호, 이름, 성별, 이메일을 입력해서 회원가입 버튼을 누르면 실제로 데이터베이스에 회원정보가 전송되는 과정입니다. # join 메소드 'UserDAO' 클래스에서 회원가입 기능을 담당하는 'join' 메소드를 추가합니다 public int join(User user) { String sql = "insert into user values(?, ?, ?, ?, ?)"; try { pstmt = conn.prepareStatement(sql); pstmt.setString(1, user.getUserID()); pstmt.setString(2, user.getUserPasswo.. 2020. 7. 11.
[JSP] JSP 게시판 만들기 5강 회원가입 화면 유튜브 동빈나님 JSP 게시판 강좌 따라하기 5강 회원가입 화면 만들기 이번 포스팅은 회원가입 화면을 보여주는 페이지를 작성합니다. 이전에 만들었던 'login.jsp' 페이지를 복사해와서 네비게이션 영역은 그대로 놔두고 기존 로그인 화면 요소를 수정하여 회원가입 페이지로 변경하는 과정입니다. # 'join.jsp' 이전에 만들었던 'login.jsp'를 복사 & 붙여넣기를 해서 'join.jsp'를 추가합니다 상단 네비게이션 영역 코드는 유지하고 로그인 양식을 회원가입 양식에 맞게 수정합니다 회원가입 화면 남자 여자 로그인 화면에서는 아이디와 비밀번호 입력란만 있었지만, 회원가입 양식으로 바꾸면서 이름, 남/여 성별 버튼, 이메일을 추가하여 회원가입 화면으로 바뀌었습니다. 이번 포스팅 작업은 간단하네요.. 2020. 7. 10.
[JSP] JSP 게시판 만들기 4강 로그인 기능 구현하기 유튜브 동빈나님 JSP 게시판 강좌 따라하기 4강 로그인 기능 구현하기 JSP 게시판에서 로그인 기능을 구현하려면 JSP에서 회원 데이터베이스에 접근할 수 있도록 하는 Data Access Object(DAO)를 만들어야합니다. DAO는 데이터베이스 접근 객체의 약자입니다. 하나의 회원정보를 불러오거나 입력할 때 사용합니다. # UserDAO package user; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; public class UserDAO { private Connection conn; //자바와 데이터베이스를 연결 priva.. 2020. 7. 9.
[JSP] JSP 게시판 만들기 3강 회원 데이터베이스 구축 유튜브 동빈나님 JSP 게시판 강좌 따라하기 3강 회원 데이터베이스 구축 # MariaDB 설치 https://happy-inside.tistory.com/39 [MariaDB] MariaDB 설치하기 msi 형식 MariaDB 설치하는 방법 msi 버전 MariaDB 오픈소스이다 MySQL 커뮤니티 코드 베이스를 이용해서 탄생했다 Monty Program AB에 의해서 다듬어진 MySQL이다 MySQL 창시자인 Monty의 둘째딸 이름이다 MySQL 5.x 버전.. happy-inside.tistory.com # 회원 데이터베이스 테이블 만들기 MariaDB 설치가 정상적으로 완료되었다면 MariaDB 커맨드 창을 실행합니다 'show databases' = 현재 존재하는 데이터베이스 목록 보기 'cr.. 2020. 7. 6.
[JSP] JSP 게시판 만들기 2강 로그인 화면 유튜브 동빈나님 JSP 게시판 강좌 따라하기 2강 로그인 화면 # 인덱스 페이지 수정 'index.jsp' 코드를 수정합니다. index 페이지로 이동하면 자동으로 로그인 페이지로 넘어가는 스크립트 코드 추가 [ index.jsp ] 실행하면 404에러가 뜹니다 로그인 페이지로 이동해야 하는데 로그인 페이지가 없으니 당연히 뜨는 에러입니다 # 부트스트랩 폴더 추가 디자인 템플릿을 적용시키려면 부트스트랩 파일을 다운 받고 프로젝트 안의 'WebContent'폴더에 붙여넣기 해야 합니다. 부트스트랩 홈페이지를 들어가서 다운로드 받을 수도 있지만 현재 버전과 강좌 버전이 서로 맞지 않으면 에러가 생길 수도 있기 때문에 동영상에서 나온 부트스트랩 버전을 다운받아주세요. 압축을 풀고 폴더 모두 '복사' 'WebC.. 2020. 7. 5.
[JSP] JSP 게시판 만들기 1강 준비 유튜브 동빈나님 JSP 게시판 강좌 따라하기 1강 설치 및 준비 저는 학원에서 자바를 배우고 JSP로 넘어가는 과정에서 코로나 덕분에 수업 일정이 밀려서 JSP를 혼자 공부하기 시작했습니다. 그런 여러 가지 조건이 겹쳐서 시작한 JSP는 저 혼자 공부하기에는 너무 벅찼습니다. 인강을 들어도 머리에 잘 들어오지도 않고 당연히 손에 익지도 않더라구요. 그러다가 발견한 유튜브 '동빈나'님 채널에 있는 JSP 게시판 만들기 강좌를 발견하였고, 그 동영상들을 보면서 무작정 JSP 게시판을 따라 만들었습니다. 솔직히 처음에는 잘 몰랐습니다. 이 과정들이 나에게 얼마나 도움이 될지 말이죠. 처음엔 너무 모르는 상태에서 따라 만들다 보니 무엇이 어떻게 돌아가는건지 잘 몰랐는데, 어쨌든 동빈나님의 JSP 게시판 만들기 .. 2020. 7. 4.