[작성일: 2023. 05. 30] 1.  프로젝트 소개코로나로 인해 팬데믹 퍼피라는 신조어가 생겨날만큼 반려동물 입양의 수는 현저히 늘어났다는 기사를 보았다. 하지만 그만큼 유기동물의 수도 6배 이상 증가했다고 한다. 하이룩은 그런 유기동물들을 찾기 위해 유기동물을 편하게 조회할 수 있도록 만든 웹사이트이며, 전국에 있는 유기동물 보호소를 조회할 수 있다. 하이룩의 목표는 유기동물들에게 두 번째 기회를 제공하고, 원활한 입양을 돕기 위해 만든 유기동물 조회 웹 사이트이다.     2. 요구사항 정의서메인 페이지로그인 상태에 따른 환영 문구 표시로그인을 한 경우, 로그아웃 위쪽에 아이디와 함께 환영하는 문구를 출력한다. (ex: 환영합니다! test님!)로그인을 하지 않은 경우 아무 메시지도 출력되지 않..

[작성일: 2023. 05. 27] ReactReact는 라이브러리이며 자유도가 높다.라이브러리는 사용자가 필요할 때 넣었다가 필요없을 때 제외 가능하다.React는 자체 문법이 있다기 보다는 javascript 문법을 대부분 따른다.  Vue.js프레임워크이며 기능이 정해져있다.프레임워크는 부분적 사용이 불가하며 제공된 문법에 따라 작성이 가능하다.지정한 문법 방식으로만 개발이 가능하다.  Sample조건에 따라 버튼이 보였다가 안보였다가 하는 기능을 구현 {isVisible? 조건에 따라 사라질 버튼 : null} 조건에 따라 사라질 버튼 배열(집합객체)에서 데이터를 하나씩 꺼내와서 처리하는 방법React : map, forEach, for 중 개발자 스타일대로 구현Vue.js : only ..

[작성일: 2023. 04. 24] 메인 페이지 디자인[소스코드 1]웹 사이트를 소개하는 영역은 부트스트랩의 jumbotron을 사용한다.main.jsp의 맨 아래 부분에 코드 추가 jumbotron 코드 추가 웹 사이트 소개 이 웹 사이트는 부트스트랩으로 만든 JSP 웹 사이트입니다. 최소한의 간단한 로직만을 이용해서 개발했습니다. 디자인 템플릿으로는 부트스트랩을 이용했습니다. 자세히 알아보기    [실행화면 1]   [소스코드 2]글씨체 수정을 위한 커스텀 css 파일 생성main.jsp에서 윗 부분에 custom.css을 참조할 수 있도록 link 코드 추가 #custom.css@import url(http://fonts.google..

[작성일: 2023. 04. 21] 게시글 수정 및 삭제 기능 구현[소스코드_수정]#BbsDAO게시글을 수정할 수 있는 update 함수 추가BbsDAO의 맨 아래에 코드를 추가public int update(int bbsID, String bbsTitle, String bbsContent) { // write와 비슷한 성격을 가지고 있음. String SQL = "UPDATE bbs SET bbsTitle = ?, bbsContent = ? WHERE bbsID = ?"; try { PreparedStatement pstmt = conn.prepareStatement(SQL); pstmt.setString(1, bbsTitle); pstmt.setSt..

[작성일: 2023. 04. 20] 게시글 보기 기능 구현실제로 해당 글에 들어갔을 때 글의 내용을 보여주는 view 화면이 필요하다.BbsDAO에 글 내용을 불러올 수 있는 함수를 추가하면 된다.글 작성 페이지는 write.jsp 파일을 복사해서 수정한 다음 만들어준다. 게시글 기능을 테스트 시 특수문자나 공백을 작성하면 글 내용이 정상적으로 출력되지 않는다.기본적으로 HTML 코드는 를 이용해서 태그를 사용하기 때문에 데이터베이스에 넣은 글자에 가 들어가 있다면 웹 브라우저는 HTML 기호인지, 출력하는 용도인지 알지 못한다. 그렇기 때문에 특수문자를 출력하는 부분을 제대로 처리해주어야 게시글 보기 기능이 완벽하게 구현될 수 있다.   [소스코드]#bbsDAO맨 아래에 하나의 글을 불러올 수 있는 g..

[작성일: 2023. 04. 19] 게시판 글 목록 기능 구현게시판 글쓰기 기능을 구현했으니 글 작성 후 글 목록에 작성된 글을 출력해보는 기능을 추가해야 한다.데이터베이스에서 글의 목록을 가져오는 소스코드를 작성하면 된다.기능 구현을 위해 BbsDAO에서 두 개의 함수를 추가한다. 게시판 같은 경우는 일반적으로 1페이지, 2페이지 등 페이지를 넘기며 어떤 결과를 읽을 수 있도록 구현해야 한다.    [소스코드]#BbsDAOArrayList를 이용하여 Bbs를 담아낼 수 있는 함수 추가boolean으로 페이징 처리 함수 추가package bbs;import java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement..