Photomania는 사용자가 일상에서 공유하고 싶은 사진을 업로드하고, 수정하고, 공유할 수 있는 웹 애플리케이션입니다. 이 웹사이트는 이미지 업로드 기능을 제공하며, 사용자는 다른 사용자들과 일상의 공유와 소통을 할 수 있으며, 서로 공감하는 공간을 마련합니다.
프로젝트 기간: 2025.1.7 ~ 2025.2.17
개발 인원: 3명
- 사진 업로드: 사용자는 자신의 사진을 업로드할 수 있음.
- 게시물 관리: 업로드된 사진을 쉽게 관리하고, 제목 및 설명을 추가하여 게시물을 작성할 수 있음.
- 탐색: 탐색을 통해, 대표적인 사진으로 카테고리에서 여러 사진을 다운로드 할 수 있음.
- 사진 공유: 사진을 통해 소통하고, 일상을 공유할 수 있음..
- 사용자 인증: 이메일과 비밀번호를 통한 로그인 및 회원가입 기능을 제공.
- AI 이미지 생성: AI 이미지 생성을 통해 여러 이미지들을 쉽게 생성하여 사용자에게 제공.
└─photomania_project
│ .gitattributes
│ .gitignore
│ build.gradle
│ gradlew
│ gradlew.bat
│ HELP.md
│ Procfile
│ settings.gradle
│ system.properties
│
├─.gradle
│ │ file-system.probe
│ │
│ ├─8.11.1
│ │ │ gc.properties
│ │ │
│ │ ├─checksums
│ │ │ checksums.lock
│ │ │ md5-checksums.bin
│ │ │ sha1-checksums.bin
│ │ │
│ │ ├─executionHistory
│ │ │ executionHistory.bin
│ │ │ executionHistory.lock
│ │ │
│ │ ├─expanded
│ │ ├─fileChanges
│ │ │ last-build.bin
│ │ │
│ │ ├─fileHashes
│ │ │ fileHashes.bin
│ │ │ fileHashes.lock
│ │ │ resourceHashesCache.bin
│ │ │
│ │ └─vcsMetadata
│ ├─buildOutputCleanup
│ │ buildOutputCleanup.lock
│ │ cache.properties
│ │ outputFiles.bin
│ │
│ └─vcs-1
│ gc.properties
│
├─.idea
│ │ .gitignore
│ │ .name
│ │ compiler.xml
│ │ gradle.xml
│ │ jarRepositories.xml
│ │ misc.xml
│ │ modules.xml
│ │ photomania_project (1) -.iml
│ │ project - 복사본 (3).iml
│ │ uiDesigner.xml
│ │ vcs.xml
│ │ workspace.xml
│ │
│ ├─inspectionProfiles
│ │ Project_Default.xml
│ │
│ └─modules
│ PhotoMania.test.iml
│
├─bin
│ ├─generated-sources
│ │ └─annotations
│ └─generated-test-sources
│ └─annotations
├─build
│ ├─classes
│ │ └─java
│ │ └─main
│ │ └─com
│ │ └─example
│ │ └─project
│ │ │ ProjectApplication.class
│ │ │
│ │ ├─config
│ │ │ SecurityConfig.class
│ │ │ WebConfig.class
│ │ │
│ │ ├─controller
│ │ │ BoardController.class
│ │ │ CommentController.class
│ │ │ MemberController.class
│ │ │
│ │ ├─dto
│ │ │ BoardDTO$BoardDTOBuilder.class
│ │ │ BoardDTO.class
│ │ │ CommentRequestDTO$CommentRequestDTOBuilder.class
│ │ │ CommentRequestDTO.class
│ │ │ CommentResponseDTO$CommentResponseDTOBuilder.class
│ │ │ CommentResponseDTO.class
│ │ │ MemberDTO$MemberDTOBuilder.class
│ │ │ MemberDTO.class
│ │ │ PageRequestDTO$PageRequestDTOBuilder.class
│ │ │ PageRequestDTO.class
│ │ │ PageResultDTO.class
│ │ │ ReCommentRequestDTO$ReCommentRequestDTOBuilder.class
│ │ │ ReCommentRequestDTO.class
│ │ │ ReCommentResponseDTO$ReCommentResponseDTOBuilder.class
│ │ │ ReCommentResponseDTO.class
│ │ │
│ │ ├─entity
│ │ │ BaseEntity.class
│ │ │ Board$BoardBuilder.class
│ │ │ Board.class
│ │ │ BoardLike.class
│ │ │ Comment$CommentBuilder.class
│ │ │ Comment.class
│ │ │ Member$MemberBuilder.class
│ │ │ Member.class
│ │ │ ReComment$ReCommentBuilder.class
│ │ │ ReComment.class
│ │ │ Role.class
│ │ │
│ │ ├─repository
│ │ │ BoardLikeRepository.class
│ │ │ BoardRepository.class
│ │ │ CommentRepository.class
│ │ │ MemberRepository.class
│ │ │ ReCommentRepository.class
│ │ │
│ │ ├─sec
│ │ │ FileStorageUtil.class
│ │ │ LoginFailureH.class
│ │ │ LoginSucessH.class
│ │ │ MemberDetails.class
│ │ │ MemberDetailsService.class
│ │ │
│ │ └─service
│ │ BoardLikeService.class
│ │ BoardLikeServiceImpl.class
│ │ BoardService.class
│ │ BoardServiceImpl.class
│ │ CommentService.class
│ │ CommentServiceImpl.class
│ │ MemberService.class
│ │ MemberServiceImpl.class
│ │ ReCommentService.class
│ │ ReCommentServiceImpl.class
│ │
│ ├─generated
│ │ └─sources
│ │ ├─annotationProcessor
│ │ │ └─java
│ │ │ ├─main
│ │ │ └─test
│ │ │ └─generated_tests
│ │ └─headers
│ │ └─java
│ │ ├─main
│ │ └─test
│ ├─reports
│ │ └─problems
│ │ problems-report.html
│ │
│ ├─resources
│ │ └─main
│ │ │ application.properties
│ │ │
│ │ ├─static
│ │ │ ├─css
│ │ │ │ board.css
│ │ │ │ detail.css
│ │ │ │ edit.css
│ │ │ │ error.css
│ │ │ │ find.css
│ │ │ │ main.css
│ │ │ │ Randomstyle.css
│ │ │ │ register.css
│ │ │ │ style.css
│ │ │ │ write.css
│ │ │ │
│ │ │ ├─images
│ │ │ │ animal1.jpeg
│ │ │ │ animal2.jpeg
│ │ │ │ animal3.jpeg
│ │ │ │ animal4.jpeg
│ │ │ │ animal5.jpeg
│ │ │ │ animal6.jpeg
│ │ │ │ camera.png
│ │ │ │ cameraIcon.png
│ │ │ │ city1.jpeg
│ │ │ │ city2.png
│ │ │ │ city3.jpeg
│ │ │ │ city4.jpeg
│ │ │ │ city5.jpeg
│ │ │ │ city6.jpeg
│ │ │ │ dog.jpeg
│ │ │ │ dog2.jpeg
│ │ │ │ dog3.jpeg
│ │ │ │ fire.png
│ │ │ │ flower1.jpeg
│ │ │ │ flower2.jpeg
│ │ │ │ flower3.jpeg
│ │ │ │ flower4.jpeg
│ │ │ │ flower5.png
│ │ │ │ flower6.jpeg
│ │ │ │ icons8-돋보기-48.png
│ │ │ │ icons8-사용자-100.png
│ │ │ │ nature1.jpeg
│ │ │ │ nature2.png
│ │ │ │ nature3.jpeg
│ │ │ │ nature4.png
│ │ │ │ nature5.jpeg
│ │ │ │ nature6.jpeg
│ │ │ │ newicon.png
│ │ │ │ 소개video.mp4
│ │ │ │
│ │ │ ├─js
│ │ │ │ board.js
│ │ │ │ comment.js
│ │ │ │ find.js
│ │ │ │ jquery-3.7.1.min.js
│ │ │ │ main.js
│ │ │ │ Randomscript.js
│ │ │ │
│ │ │ └─uploads
│ │ └─templates
│ │ board.html
│ │ detail.html
│ │ edit.html
│ │ find.html
│ │ login.html
│ │ main.html
│ │ Randomimage.html
│ │ register.html
│ │ write.html
│ │
│ └─tmp
│ ├─compileJava
│ │ │ previous-compilation-data.bin
│ │ │
│ │ └─compileTransaction
│ │ ├─backup-dir
│ │ └─stash-dir
│ │ BoardController.class.uniqueId8
│ │ BoardDTO$BoardDTOBuilder.class.uniqueId11
│ │ BoardDTO.class.uniqueId6
│ │ BoardService.class.uniqueId1
│ │ BoardServiceImpl.class.uniqueId2
│ │ LoginSucessH.class.uniqueId4
│ │ MemberController.class.uniqueId9
│ │ MemberDTO$MemberDTOBuilder.class.uniqueId0
│ │ MemberDTO.class.uniqueId5
│ │ MemberService.class.uniqueId7
│ │ MemberServiceImpl.class.uniqueId3
│ │ SecurityConfig.class.uniqueId10
│ │
│ └─test
├─gradle
│ └─wrapper
│ gradle-wrapper.jar
│ gradle-wrapper.properties
│
├─out
│ ├─production
│ │ ├─classes
│ │ │ ├─com
│ │ │ │ └─example
│ │ │ │ └─project
│ │ │ │ │ ProjectApplication.class
│ │ │ │ │
│ │ │ │ ├─config
│ │ │ │ │ SecurityConfig.class
│ │ │ │ │ WebConfig.class
│ │ │ │ │
│ │ │ │ ├─controller
│ │ │ │ │ BoardController.class
│ │ │ │ │ CommentController.class
│ │ │ │ │ MemberController.class
│ │ │ │ │
│ │ │ │ ├─dto
│ │ │ │ │ BoardDTO$BoardDTOBuilder.class
│ │ │ │ │ BoardDTO.class
│ │ │ │ │ CommentRequestDTO$CommentRequestDTOBuilder.class
│ │ │ │ │ CommentRequestDTO.class
│ │ │ │ │ CommentResponseDTO$CommentResponseDTOBuilder.class
│ │ │ │ │ CommentResponseDTO.class
│ │ │ │ │ MemberDTO$MemberDTOBuilder.class
│ │ │ │ │ MemberDTO.class
│ │ │ │ │ PageRequestDTO$PageRequestDTOBuilder.class
│ │ │ │ │ PageRequestDTO.class
│ │ │ │ │ PageResultDTO.class
│ │ │ │ │ ReCommentRequestDTO$ReCommentRequestDTOBuilder.class
│ │ │ │ │ ReCommentRequestDTO.class
│ │ │ │ │ ReCommentResponseDTO$ReCommentResponseDTOBuilder.class
│ │ │ │ │ ReCommentResponseDTO.class
│ │ │ │ │
│ │ │ │ ├─entity
│ │ │ │ │ BaseEntity.class
│ │ │ │ │ Board$BoardBuilder.class
│ │ │ │ │ Board.class
│ │ │ │ │ BoardLike.class
│ │ │ │ │ Comment$CommentBuilder.class
│ │ │ │ │ Comment.class
│ │ │ │ │ Member$MemberBuilder.class
│ │ │ │ │ Member.class
│ │ │ │ │ ReComment$ReCommentBuilder.class
│ │ │ │ │ ReComment.class
│ │ │ │ │ Role.class
│ │ │ │ │
│ │ │ │ ├─repository
│ │ │ │ │ BoardLikeRepository.class
│ │ │ │ │ BoardRepository.class
│ │ │ │ │ CommentRepository.class
│ │ │ │ │ MemberRepository.class
│ │ │ │ │ ReCommentRepository.class
│ │ │ │ │
│ │ │ │ ├─sec
│ │ │ │ │ FileStorageUtil.class
│ │ │ │ │ LoginFailureH.class
│ │ │ │ │ LoginSucessH.class
│ │ │ │ │ MemberDetails.class
│ │ │ │ │ MemberDetailsService.class
│ │ │ │ │
│ │ │ │ └─service
│ │ │ │ BoardLikeService.class
│ │ │ │ BoardLikeServiceImpl.class
│ │ │ │ BoardService.class
│ │ │ │ BoardServiceImpl.class
│ │ │ │ CommentService.class
│ │ │ │ CommentServiceImpl.class
│ │ │ │ MemberService.class
│ │ │ │ MemberServiceImpl.class
│ │ │ │ ReCommentService.class
│ │ │ │ ReCommentServiceImpl.class
│ │ │ │
│ │ │ └─generated
│ │ └─resources
│ │ │ application.properties
│ │ │
│ │ ├─static
│ │ │ ├─css
│ │ │ │ board.css
│ │ │ │ detail.css
│ │ │ │ edit.css
│ │ │ │ error.css
│ │ │ │ find.css
│ │ │ │ main.css
│ │ │ │ Randomstyle.css
│ │ │ │ register.css
│ │ │ │ style.css
│ │ │ │ write.css
│ │ │ │
│ │ │ ├─images
│ │ │ │ animal1.jpeg
│ │ │ │ animal2.jpeg
│ │ │ │ animal3.jpeg
│ │ │ │ animal4.jpeg
│ │ │ │ animal5.jpeg
│ │ │ │ animal6.jpeg
│ │ │ │ camera.png
│ │ │ │ cameraIcon.png
│ │ │ │ city1.jpeg
│ │ │ │ city2.png
│ │ │ │ city3.jpeg
│ │ │ │ city4.jpeg
│ │ │ │ city5.jpeg
│ │ │ │ city6.jpeg
│ │ │ │ dog.jpeg
│ │ │ │ dog2.jpeg
│ │ │ │ dog3.jpeg
│ │ │ │ fire.png
│ │ │ │ flower1.jpeg
│ │ │ │ flower2.jpeg
│ │ │ │ flower3.jpeg
│ │ │ │ flower4.jpeg
│ │ │ │ flower5.png
│ │ │ │ flower6.jpeg
│ │ │ │ icons8-돋보기-48.png
│ │ │ │ icons8-사용자-100.png
│ │ │ │ nature1.jpeg
│ │ │ │ nature2.png
│ │ │ │ nature3.jpeg
│ │ │ │ nature4.png
│ │ │ │ nature5.jpeg
│ │ │ │ nature6.jpeg
│ │ │ │ newicon.png
│ │ │ │ 소개video.mp4
│ │ │ │
│ │ │ └─js
│ │ │ board.js
│ │ │ comment.js
│ │ │ find.js
│ │ │ jquery-3.7.1.min.js
│ │ │ main.js
│ │ │ Randomscript.js
│ │ │
│ │ └─templates
│ │ board.html
│ │ detail.html
│ │ edit.html
│ │ find.html
│ │ login.html
│ │ main.html
│ │ Randomimage.html
│ │ register.html
│ │ write.html
│ │
│ └─test
│ └─classes
│ └─com
│ └─example
│ └─project
│ BoardApplicationTests.class
│ BoardRepositoryTest.class
│ ProjectApplicationTests.class
│
└─src
├─main
│ ├─generated
│ ├─java
│ │ └─com
│ │ └─example
│ │ └─project
│ │ │ ProjectApplication.java
│ │ │
│ │ ├─config
│ │ │ SecurityConfig.java
│ │ │ WebConfig.java
│ │ │
│ │ ├─controller
│ │ │ BoardController.java
│ │ │ CommentController.java
│ │ │ MemberController.java
│ │ │
│ │ ├─dto
│ │ │ BoardDTO.java
│ │ │ CommentRequestDTO.java
│ │ │ CommentResponseDTO.java
│ │ │ MemberDTO.java
│ │ │ PageRequestDTO.java
│ │ │ PageResultDTO.java
│ │ │ ReCommentRequestDTO.java
│ │ │ ReCommentResponseDTO.java
│ │ │
│ │ ├─entity
│ │ │ BaseEntity.java
│ │ │ Board.java
│ │ │ BoardLike.java
│ │ │ Comment.java
│ │ │ Member.java
│ │ │ ReComment.java
│ │ │ Role.java
│ │ │
│ │ ├─repository
│ │ │ BoardLikeRepository.java
│ │ │ BoardRepository.java
│ │ │ CommentRepository.java
│ │ │ MemberRepository.java
│ │ │ ReCommentRepository.java
│ │ │
│ │ ├─sec
│ │ │ FileStorageUtil.java
│ │ │ LoginFailureH.java
│ │ │ LoginSucessH.java
│ │ │ MemberDetails.java
│ │ │ MemberDetailsService.java
│ │ │
│ │ └─service
│ │ BoardLikeService.java
│ │ BoardLikeServiceImpl.java
│ │ BoardService.java
│ │ BoardServiceImpl.java
│ │ CommentService.java
│ │ CommentServiceImpl.java
│ │ MemberService.java
│ │ MemberServiceImpl.java
│ │ ReCommentService.java
│ │ ReCommentServiceImpl.java
│ │
│ └─resources
│ │ application.properties
│ │
│ ├─static
│ │ ├─css
│ │ │ board.css
│ │ │ detail.css
│ │ │ edit.css
│ │ │ error.css
│ │ │ find.css
│ │ │ main.css
│ │ │ Randomstyle.css
│ │ │ register.css
│ │ │ style.css
│ │ │ write.css
│ │ │
│ │ ├─images
│ │ │ animal1.jpeg
│ │ │ animal2.jpeg
│ │ │ animal3.jpeg
│ │ │ animal4.jpeg
│ │ │ animal5.jpeg
│ │ │ animal6.jpeg
│ │ │ camera.png
│ │ │ cameraIcon.png
│ │ │ city1.jpeg
│ │ │ city2.png
│ │ │ city3.jpeg
│ │ │ city4.jpeg
│ │ │ city5.jpeg
│ │ │ city6.jpeg
│ │ │ dog.jpeg
│ │ │ dog2.jpeg
│ │ │ dog3.jpeg
│ │ │ fire.png
│ │ │ flower1.jpeg
│ │ │ flower2.jpeg
│ │ │ flower3.jpeg
│ │ │ flower4.jpeg
│ │ │ flower5.png
│ │ │ flower6.jpeg
│ │ │ icons8-돋보기-48.png
│ │ │ icons8-사용자-100.png
│ │ │ nature1.jpeg
│ │ │ nature2.png
│ │ │ nature3.jpeg
│ │ │ nature4.png
│ │ │ nature5.jpeg
│ │ │ nature6.jpeg
│ │ │ newicon.png
│ │ │ 소개video.mp4
│ │ │
│ │ ├─js
│ │ │ board.js
│ │ │ comment.js
│ │ │ find.js
│ │ │ jquery-3.7.1.min.js
│ │ │ main.js
│ │ │ Randomscript.js
│ │ │
│ │ └─uploads
│ └─templates
│ board.html
│ detail.html
│ edit.html
│ find.html
│ login.html
│ main.html
│ Randomimage.html
│ register.html
│ write.html
│
└─test
├─generated_tests
└─java
└─com
└─example
└─project
BoardApplicationTests.java
BoardRepositoryTest.java
ProjectApplicationTests.java
[메인 화면] ( 로고를 클릭시, 메인페이지로 돌아가도록 구현. )
- 한 화면에 공지사항, 이벤트, 탐색, 게시판 , 로그인창 표시. (헤더,푸터는 디자인 페이지마다 고정)
- Swiper 라이브러리 이용하여, 3초마다 자동으로 좌에서 우로 동작 구현.
- 영상은 웹 사이트 관련성을 위해서 동영상 AI 생성을 통해 동영상을 적절한 위치에 배치.
[로그인/회원가입]
- 로그인/회원가입 화면구성 ( DB를 통해서 회원 관리 ) ▶ 비밀번호는 암호화 처리.
- 회원가입을한 후 로그인이 가능하고, 회원은 해당 웹 사이트의 기능 이용 가능 ( 접근O, 게시물 업로드, 탐색 페이지 접근 )
[게시판 목록]
- 로그아웃 상태일때, 게시판 목록만 볼 수있음. ( 업로드나 게시물을 클릭시 메인페이지로 돌아옴. )
- 로그인 상태일때, 게시물 접근 가능, 업로드 기능도 사용 할수 있음.
- 해당 게시물에 좋아요, 댓글, 답글 기능까지 작성 가능. ( DB에 저장된 수치에 따라 등록일, 좋아요, 조회수 표시 )
[게시물 업로드]
- 게시물 제목, 내용은 필수적으로 작성 해야함.
- 파일은 이미지 파일만 선택할수있게 제한. (jpg,png,jpeg 등)
[게시판 상세]
- 댓글, 답글 , 좋아요 기능 구현. [ 좋아요는 한 사용자당 한명씩 ]
- 등록일수 입력시간에 맞게 표시.
- 게시물 수정 및 삭제는 현재 웹사이트 내 로그인한 사용자의 게시물에만 보이게 함.
[게시물 수정]
- 해당 페이지 에서 사용자가 업로드한 게시물을 수정 할수 있습니다. [ 수정은 로그인한 사용자가 일치해야 가능. ]
[탐색]
- 해당 카테고리 별로 대표적인 이미지가 나타남. (이미지를 우클릭후 직접 다운로드 받을수 있음.)
- AI 이미지 생성 버튼을 누르면 해당 페이지로 넘어감.
[AI 이미지 생성]
- 버튼 클릭시 무작위의 이미지가 생성됨. ( 단, 이미지를 캡쳐모드로 저장할 것. )
- 이미지 생성 갯수 제한없음.
- 프론트엔드: HTML, CSS, JavaScript(Jquery)
- 백엔드:
- Java: Spring Framework (Spring security), Spring Boot(Tomcat), Thymeleaf
- JPA: Hibernate
- RESTful API: Spring MVC
- 데이터베이스: MySQL
- 버전 관리: Git (Git Desktop)
[현재 배포x] 사용하고 있는 컴퓨터에 Mysql과 해당프로그램의 비밀번호 필요 ★ => src/main/resources/application.properties 에서 spring.datasource.password = (해당 칸에 mysql 비번으로 변경)
- main 레포지토리에 있는 파일을 다운받고, Intellij IDEA를 실행한다.
- IDE에서 다운받은 폴더를 경로를 ( Open api Project/photomania_project ) 지정해서 그 폴더를 연다.
- 이후, ( src/main/java/com.example.project/ProjectApplication ) 경로에서 프로그램을 실행한다.
- 웹사이트에서 URL주소창에 ( localhost:8080 ) 진입하면 웹사이트에 접속 성공한다. ( 기본경로는 서버포트가 8080임. )
! 레포지토리 클론:
git clone https://github.com/kimminu7/photomania.git