- 기본 사진 객체 (Basic Photo Object): "Snapshot"
- 사진전 (Photo Exhibition): "Showcase"
- 사진전들을 여는 작가 (Artist Opening Exhibitions): "Spirit"
SPIRIT의 초기 화면은 React의 Threejs를 이용해 구현했습니다.
홈 화면에서, 다른 사람들의 사진전(showcase)을 확인할 수 있습니다.밝게 빛나는 영역을 클릭하면 로그인을 진행할 수 있습니다. Kakao 로그인을 통해 하나의 Spirit이 될 수 있습니다.
showcase를 클릭하면 Modal 창이 나타납니다. Modal 창에서 작품을 미리 볼 수 있고, 자세히 보고 싶다면 실제 showcase로 이동해서 감상할 수 있습니다.
socket io를 이용해 실시간 채팅이 가능하도록 구현했습니다.
새로운 사용자에게 채팅을 시작할 수 있고, 기존 채팅에 접속해 이어서 이야기할 수 있습니다.
사진을 잘 감상할 수 있도록 조명을 설정했고, 낮/밤의 컨셉을 자유롭게 바꿀 수 있습니다 (E 키)
서비스 개발을 위해 사용된 기술들에 대해 설명하는 섹션입니다.
- React
- 3D 공간을 렌더링 하기 위해 선택
- Threejs
- 사진전의 현실감을 위해 선택
- 필요한 asset을 만들어 사용
- Express
- 게시글 형태로 작동하기 때문에 I/O가 많을 것으로 예상해 선택
- React와의 호환성
- MongoDB
- url, message 등의 정보를 쉽게 저장하기 위해 선택
- Docker
- 서버에 독립적인 환경을 부여하기 위해 사용
- 로컬 서버(개인 서버) 활용