📸 Photo Is 📸

카메라 입문자들을 위한 카메라 학습 및 사진 공유 커뮤니티 서비스

기획 의도

최근 SNS의 활성화와 함께 고품격 사진에 대한 관심이 증가하고 있으며, 다양해지는 카메라와 스마트폰으로 디지털 사진의 접근성이 향상되고 있다.
그러나 사진 입문자가 사진 촬영의 기초를 배운 뒤 실전에서 촬영에 적용해 보기까지는 많은 어려움이 존재한다.
또한, 사진에 대한 이해 부족과 더불어 기술 발전에 따른 자동 보정 기능으로 인해 사진 커뮤니티 상의 사진들은 점차 개성을 잃고 획일화되고 있다.
“Photo Is"는 이러한 문제를 해결하고자 사진 촬영의 기초부터 실습까지 쉽게 배울 수 있는 환경을 제공하며, 개개인의 사진 촬영 능력을 향상시키고 창의성을 발휘할 수 있도록 돕는다.

서비스 소개

Hello, CAMERA!
Hello, Photo Is!
사진의 기초부터, 실습한 사진 공유까지!

주요 기능

1. AI 챗봇 :

     카메라 및 사진과 관련된 자유로운 질문 가능

2. 3D 카메라 모델링 :

     카메라의 버튼 및 다이얼 등 구성 요소들을 살펴보며, 실제 장비 사용법을 쉽게 익힘

3. 가상 촬영 시뮬레이션 스튜디오:

     실제 촬영과 유사한 환경을 제공하여 촬영 모드, 조리개, 셔터스피드, 감도 등의 조절 값에 대한 체험 및 학습 가능

4. 나만의 전시회 :

     내가 찍은 사진을 직접 배치한 3D 전시회를 개최할 수 있고, 사용자들은 보다 몰입감 있는 작품 관람 가능

5. 사진 공유 갤러리 :

     자동 스케줄링을 통해 사진 좋아요의 일/주/월 증감량을 집계하여 사진들의 일간/주간/월간 랭킹을 제공

프로젝트 정보

• 프로젝트명 : 삼성 청년 SW 아카데미(SSAFY) 10기 2학기 자율 프로젝트
• 기간 : 2024.04.08 ~ 2024.05.24

팀 소개

D103 도원귤의🍊

이름	역할	개발 내용
김규리	Frontend	- 화면 설계 - 유저 페이지 담당     - 마이페이지 화면 구현     - 마이페이지 API 연결     - 마이페이지 내 사진 업로드 화면 구현     - 사진 업로드 API 연결     - 마이페이지 내 팔로워 화면 구현     - 팔로워 API 연결     - 다른 유저 페이지 구현     - 다른 유저 페이지 API 연결 - Community 담당     - gallery 화면 구현     - gallery 화면 랭킹 API 연결     - gallery 내 사진 상세 화면 구현     - gallery 내 사진 상세 화면 API 연결     - Q&A 화면 구현     - Q&A 화면 API 연결     - Q&A 내 글작성 화면 구현     - Q&A 내 글작성 API 연결     - Q&A 내 글 상세보기 화면 구현     - Q&A 내 글 상세보기 API 연결 - Exhibition 담당     - Exhibition 화면 구현     - Exhibition API 연결     - Exhibiton 개최 화면 구현
김세현	Backend Frontend Infra	- DB 설계 - 프로젝트 초기 세팅 - Members 및 Follows API 구현 - 유저 페이지 담당     - 내 정보 수정 화면 구현     - 내 정보 수정 API 연결 - Exhibition 담당     - 3D 가상 전시회 구현     - Exhibition API 구현     - Exhibition 개최 API 연결 - UCC 제작
박창준	Backend	- DB 설계 - Python 백엔드 담당 - Docs 담당     - Hello photo! 화면       - Docs API 구현     - Dictionary 화면       - Dictionaries API 구현     - OpenAI API를 활용한 Chatbot 기능 구현
신시은	Frontend	- 화면 설계 - Studio 담당     - 튜토리얼 화면 구현     - 튜토리얼 프로세스 구현     - 바람개비 화면 구현     - 놀이동산 화면 구현     - 카메라 세팅 설정 구현 (iso, ss, aperture, ev)     - 카메라 사진 찍기 기능 구현     - 모의 사진 찍기 API 연결
이현직	Frontend	- 화면 설계 - Members 담당     - Sign Up 화면 구현     - Sign In 화면 구현     - Members API 연결 - Docs 담당     - Hello Photo! 화면 구현       - Docs API 연결     - Dictionary 화면 구현       - Three.js 기반 3D 카메라 모델링을 통한 용어 사전 기능 구현       - Dictionaries 및 Chatbots API 연결
한채연	Backend	- DB 설계 - Community 담당     - Gallery 화면        - Photos API 구현        - Spring Batch를 활용한 랭킹 기능 구현     - Q&A 화면        - Questions API 구현

주요 기술 및 개발 환경

서비스 아키텍처

Frontend

• Visual Studio Code
• HTML5, CSS3, Typescript, Tailwind
• React 18.2.0
• Vite 5.1.4
• Zustand
• three.js
• R3F

Backend

• IntelliJ
• Java 17
• Spring Boot 3.2.1
  • Spring Security
  • Spring Data JPA
  • Spring Batch
• Gradle
• JWT
• OpenAI
• Fast API
• Redis
• Amazon RDS
• Amazon S3 Bucket Cloud
• MariaDB
• HeidiSQL

Infra

• Amazon EC2
• Docker
• Docker Compose
• Jenkins
• Nginx

협업툴

• GitLab : 코드 버전 관리 및 MR과 리뷰
• Jira : 프로젝트 주차별 일정 관리 및 역할 분담
• Mattermost : 자료 및 진행 상황 공유
• Figma : Mockup, Wireframe, UI Design 작업
• Notion : 기획 및 개발 산출물 관리

프로젝트 산출물

와이어프레임

UI 디자인

ERD

UCC 및 시연영상

• UCC : https://youtu.be/ATMvR24_iWM
• 시연영상 : https://youtu.be/wiT63j4eXmw

서비스 화면

Intro

Sign Up

Sign In

Docs

1. Hello Photo!

2. Dictionary

3. Chatbot

Studio

1. Tutorial

2. Free Mode

Community

1. Gallery

2. Q&A

Exhibition

My Page