-
Notifications
You must be signed in to change notification settings - Fork 2
Home
김가은 edited this page Dec 14, 2023
·
6 revisions
남겨두고 싶은 순간을 찍은 사진과, 그 순간을 떠올리며 적은 글을 별에 담습니다.
기억을 담은 별들이 모여 나만의 은하가 만들어집니다.
추억으로 가득 채워진 나의 우주를 소중한 사람들에게 공유해보세요.
소중한 기억을 잊지 않도록
사진과 글을 담아 기억을 기록하고, 나만의 별을 생성할 수 있어요.
별을 직접 커스텀하며 그날의 감정을 표현해보세요.
차곡차곡 쌓아온 추억들을 한 눈에 볼 수 있도록
작성된 별글들이 모여 아름다운 은하가 돼요.
우주를 공개하고 있는 다른 이용자들의 은하도 구경할 수 있어요.
내 삶의 기록들을 소중한 사람들과 함께 나눌 수 있도록
나만의 우주를 링크를 이용해 공유할 수 있어요.
가족, 연인, 친구 누구든 사랑하는 사람과 함께해요 ❤️
우리는 모두 형형색색의 기억들을 가지고 있습니다.
그 기억들을 눈으로 볼 수 있다면 얼마나 좋을까요?
저희 팀은 기억을 시각화할 수 있는 서비스를 만들고 싶었습니다.
또 밋밋하고 정적인 일기 서비스에서 벗어나, 사용자가 서비스 이용에 더 큰 흥미를 느낄 수 있도록 하고 싶었습니다.
그래서 우주 공간을 탐험하는 느낌이 드는 독특한 사용자 경험을 주는 서비스, <별 하나에 글 하나>를 만들게 되었습니다.
- 마우스의 움직임에 따라 배경의 은하가 움직입니다.
- f9를 눌러 전체화면으로 변경할 수 있습니다.
- 왼쪽 위의 버튼을 이용해 배경음악을 끄고 켤 수 있습니다.
- TMI 1) 배경음악은 백엔드의 박재하님이 만드셨습니다.
- TMI 2) 프론트엔드의 김가은이 동물의 숲 BGM을 사용하고 싶어서 닌텐도 본사에 직접 문의해봤지만 거절당했습니다.
- 중복확인, 형식 검사 등을 거친 올바른 아이디 / 비밀번호 / 닉네임으로 회원가입할 수 있습니다.
- 로그인 후 홈화면으로 이동할 때 화면전환 애니메이션이 발생합니다.
- 네이버 , 깃허브, 구글 소셜 로그인이 가능합니다.
- 오른쪽 위 '예시 은하 구경하기' 버튼을 누르면 로그인하지 않고도 은하를 구경해볼 수 있습니다.
- 사용자에게 기본적인 서비스 사용법을 알려주는 기능입니다.
- 첫 로그인 시에는 기본으로 뜨며, 이후에는 하단바의 물음표 버튼을 눌러 다시 볼 수 있습니다.
- 1.5배속된 영상입니다.
- 별에 마우스를 호버하면 제목을 볼 수 있습니다.
- 별을 한 번 누르면 별이 화면의 중앙에 오도록 시점이 변경되고, 한 번 더 누르면 별에 다가가면서 글 조회 모달이 띄워집니다.
- 이미지는 양쪽 화살표 버튼과 아래쪽의 페이지네이션으로 이동할 수 있습니다.
- 좋아요 버튼을 누를 수 있습니다.
- 내 별이면 수정/삭제할 수 있습니다.
- 글은 마크다운 형식으로 작성할 수 있으며, Preview 버튼을 누르면 마크다운이 적용된 글을 미리 볼 수 있습니다.
- 사진은 5장까지 첨부할 수 있습니다.
- 글 작성하고 다음 버튼을 누르면 별을 커스텀할 수 있습니다.
- 별의 양 옆에 있는 화살표 버튼을 통해 별의 모양을 변경할 수 있습니다.
- 색상, 크기, 밝기를 조절할 수 있습니다.
- 색상 추천 버튼을 누르면, CLOVA Sentiment api를 통해 글의 감정을 분석해 색상을 추천해줍니다.
- 글이 생성될 때와 삭제될 때 별에서 애니메이션이 발생합니다.
- 내 은하 나선팔 꼬인 정도, 나선팔 두께, 막대 길이, 은하 높이를 조절할 수 있습니다.
- 오른쪽 위의 되돌리기 버튼을 누르면 수정 이전의 내 은하 스타일로 돌아갑니다.
- 왼쪽 아래의 초기화 버튼을 누르면 기본 은하 스타일로 돌아갑니다.
- 별의 밝기를 조절할 수 있습니다.
- 블러효과를 주어 우주에 흐림 효과를 줄 수 있습니다.
- 마우스 휠 속도를 조절할 수 있습니다.
- 우주의 소유주와 관계없이 내가 보는 화면에만 적용되는 속성입니다.
- 체크박스를 통해 검색 허용 여부를 설정할 수 있습니다.
- 로그인하지 않은 사용자도 공유 링크를 통해 은하에 접근할 수 있습니다.
- 검색 허용된 사용자들의 우주를 닉네임 검색을 통해 구경할 수 있습니다.
- 검색해서 들어간 우주에서 왼쪽 위 뒤로가기 버튼을 누르면 다시 내 우주로 돌아옵니다.
yarn workspace client dev
yarn workspace server start:dev
© 2023 debussysanjang
- 🐙 [가은] Three.js와의 설레는 첫만남
- 🐙 [가은] JS로 자전과 공전을 구현할 수 있다고?
- ⚽️ [준섭] NestJS 강의 정리본
- 🐧 [동민] R3F Material 간단 정리
- 👾 [재하] 만들면서 배우는 NestJS 기초
- 👾 [재하] GitHub Actions을 이용한 자동 배포
- ⚽️ [준섭] 테스트 코드 작성 이유
- ⚽️ [준섭] TypeScript의 type? interface?
- 🐙 [가은] 우리 팀이 Zustand를 쓰는 이유
- 👾 [재하] NestJS, TDD로 개발하기
- 👾 [재하] AWS와 NCP의 주요 서비스
- 🐰 [백범] Emotion 선택시 고려사항
- 🐧 [동민] Yarn berry로 모노레포 구성하기
- 🐧 [동민] Vite, 왜 쓰는거지?
- ⚽️ [준섭] 동시성 제어
- 👾 [재하] NestJS에 Swagger 적용하기
- 🐙 [가은] 너와의 추억을 우주의 별로 띄울게
- 🐧 [동민] React로 멋진 3D 은하 만들기(feat. R3F)
- ⚽️ [준섭] NGINX 설정
- 👾 [재하] Transaction (트랜잭션)
- 👾 [재하] SSH 보안: Key Forwarding, Tunneling, 포트 변경
- ⚽️ [준섭] MySQL의 검색 - LIKE, FULLTEXT SEARCH(전문검색)
- 👾 [재하] Kubernetes 기초(minikube), docker image 최적화(멀티스테이징)
- 👾 [재하] NestJS, 유닛 테스트 각종 mocking, e2e 테스트 폼데이터 및 파일첨부
- 2주차(화) - git, monorepo, yarn berry, TDD
- 2주차(수) - TDD, e2e 테스트
- 2주차(목) - git merge, TDD
- 2주차(일) - NCP 배포환경 구성, MySQL, nginx, docker, docker-compose
- 3주차(화) - Redis, Multer 파일 업로드, Validation
- 3주차(수) - AES 암복호화, TypeORM Entity Relation
- 3주차(목) - NCP Object Storage, HTTPS, GitHub Actions
- 3주차(토) - Sharp(이미지 최적화)
- 3주차(일) - MongoDB
- 4주차(화) - 플랫폼 종속성 문제 해결(Sharp), 쿼리 최적화
- 4주차(수) - 코드 개선, 트랜잭션 제어
- 4주차(목) - 트랜잭션 제어
- 4주차(일) - docker 이미지 최적화
- 5주차(화) - 어드민 페이지(전체 글, 시스템 정보)
- 5주차(목) - 감정분석 API, e2e 테스트
- 5주차(토) - 유닛 테스트(+ mocking), e2e 테스트(+ 파일 첨부)
- 6주차(화) - ERD
- 2주차(화) - auth, board 모듈 생성 및 테스트 코드 환경 설정
- 2주차(목) - Board, Auth 테스트 코드 작성 및 API 완성
- 3주차(월) - Redis 연결 후 RedisRepository 작성
- 3주차(화) - SignUpUserDto에 ClassValidator 적용
- 3주차(화) - SignIn시 RefreshToken 발급 및 Redis에 저장
- 3주차(화) - 커스텀 AuthGuard 작성
- 3주차(수) - SignOut시 토큰 제거
- 3주차(수) - 깃헙 로그인 구현
- 3주차(토) - OAuth 코드 통합 및 재사용
- 4주차(수) - NestJS + TypeORM으로 MySQL 전문검색 구현
- 4주차(목) - NestJS Interceptor와 로거
- [전체] 10/12(목)
- [전체] 10/15(일)
- [전체] 10/30(월)
- [FE] 11/01(수)~11/03(금)
- [전체] 11/06(월)
- [전체] 11/07(화)
- [전체] 11/09(목)
- [전체] 11/11(토)
- [전체] 11/13(월)
- [BE] 11/14(화)
- [BE] 11/15(수)
- [FE] 11/16(목)
- [FE] 11/19(일)
- [BE] 11/19(일)
- [FE] 11/20(월)
- [BE] 11/20(월)
- [BE] 11/27(월)
- [FE] 12/04(월)
- [BE] 12/04(월)
- [FE] 12/09(금)
- [전체] 12/10(일)
- [FE] 12/11(월)
- [전체] 12/11(월)
- [전체] 12/12(화)