[국비 50일차 TIL] 팀 프로젝트 - 우리 반 커뮤니티 사이트 만들기 (포스팅 게시판)

5인 팀 프로젝트

 

[팀 프로젝트]라고 쓰고, [클론 프로젝트]라고 읽기.

우리 팀의 주제는 커뮤니티 사이트 만들기임. 그 안에 여러가지 메뉴들이 있는데 각자 하나씩 맡아서 하기로 했다. 

그 중에서 나는 익명으로 포스팅을 할 수 있는 게시판을 만들기로 함.

 

일단 인스타그램의 클론 프로젝트 형식으로 html, css를 이용해서 인스타 피드 페이지는 구현해봤다. 이건 작동되는 기능이 없기 때문에 그렇게 어렵지는 않았다. 클론 프로젝트는 나중에 따로 정리해야겠다.

 

내가 원하는 건 글을 쓰고, 이미지를 업로드하고, 작성된 피드들이 올라와있는 메인 페이지에서 서로서로 댓글도 달아주는 그런 게시판을 만드는 것이다. 그렇게 주제를 정하고 나니 해야할 것들이 많다는 것을 깨닫게 되는데....

 

---

 

주제 : 인스타그램

 

필수 구현 사항 : 글 작성 및 사진 업로드, 댓글

 

html, css, js

반응형

 

필요한 파일 리스트

JSP 파일:

main.jsp : 메인 페이지를 나타내는 JSP 파일.
write.jsp : 글 작성을 위한 JSP 파일.

DAO (Data Access Object):

PostDAO.java : 글과 관련된 데이터베이스 작업을 처리하는 DAO.

CommentDAO.java : 댓글과 관련된 데이터베이스 작업을 처리하는 DAO.

ImageDAO.java (옵션) : 이미지와 관련된 데이터베이스 작업을 처리하는 DAO.

DTO (Data Transfer Object):

PostDTO.java : 글과 관련된 데이터 전송 객체.

CommentDTO.java : 댓글과 관련된 데이터 전송 객체.

ImageDTO.java (옵션) : 이미지와 관련된 데이터 전송 객체.

서블릿 (Servlet):

PostServlet.java : 글과 관련된 HTTP 요청을 처리하는 서블릿.

CommentServlet.java : 댓글과 관련된 HTTP 요청을 처리하는 서블릿.

ImageUploadServlet.java (옵션) : 이미지 업로드와 관련된 HTTP 요청을 처리하는 서블릿.

DB 연결:

DBConnection.java : 데이터베이스 연결을 관리하는 싱글톤 클래스.

Web Content:

/css/ : CSS 파일들을 저장하는 디렉토리 (옵션).

/js/ : JavaScript 파일들을 저장하는 디렉토리 (옵션).

/uploads/ : 이미지 업로드 시 저장되는 디렉토리 (옵션).

기타 설정:

web.xml : 서블릿 매핑 및 기타 웹 애플리케이션 설정을 정의하는 XML 파일 (옵션).