-
Notifications
You must be signed in to change notification settings - Fork 0
Home
KimYujeong edited this page Feb 1, 2024
·
20 revisions
"한 번쯤은 타로 점을 쳐보고 싶지만, 시간과 돈을 투자하면서 보긴 귀찮아..."
걱정하지 마세요!
AI 타로 상담사와 함께 언제 어디서든 무료로 타로 상담을 즐길 수 있어요 💫
원하는 타로 상담사와 실시간 화상 타로 상담도 가능하답니다.
고민이나 궁금증, 어떤 주제든 자유롭게 이야기해보세요 🌌
AI 타로 상담사와 함께 언제 어디서든 무료로 타로 상담을 즐길 수 있어요 💫
원하는 타로 상담사와 실시간 화상 타로 상담도 가능하답니다.
고민이나 궁금증, 어떤 주제든 자유롭게 이야기해보세요 🌌
함께 나누는 이야기를 통해, 더 나은 미래를 상상하는 시간이 되길 바라요 🔮
생동적인 애니메이션과 함께, 당신만의 특별한 타로 체험을 즐겨보세요 ✨
생동적인 애니메이션과 함께, 당신만의 특별한 타로 체험을 즐겨보세요 ✨
🔗 배포 링크
🎥 주요 기능 및 시나리오
고민을 털어놓고 싶은 분 🗣️
미래에 궁금한 게 있는 분 🔮
온라인에서 부업을 꿈꾸는 분
AI 챗봇을 활용해서 언제든지 편하게 타로 상담을 받아볼 수 있어요 🤖
실시간 화상 채팅으로 거리와 상관없이 타로 상담사와 소통할 수 있어요 🌈
AI 챗봇에게 고민을 털어놓고 타로 상담을 받을 수 있어요.
AI 채팅 화면 | 카드 뽑기 화면 | 결과 공유 화면 |
---|---|---|
화상 상담 서비스를 이용하여 실제 타로 상담사에게 타로 상담을 받을 수 있어요.
우측 상단의 채팅 버튼으로 타로 카드와 해설 내용을 주고 받을 수도 있어요.
호스트 화면 (상담사) | 게스트 화면 (상담자) |
---|---|
호스트가 타로 상담을 진행하기 위해 위해 채팅방을 개설해요 | 게스트가 타로 상담을 받기 위해 채팅방에 들어가요 |
호스트는 방에 입장할 때 닉네임 및 프로필을 설정할 수 있어요 | 게스트는 방에 입장할 때 닉네임 및 프로필을 설정할 수 있어요 |
호스트는 타로 카드 펼치기 버튼으로 게스트에게 카드를 펼쳐요 | 게스트는 펼쳐진 카드 더미에서 타로 카드를 뽑을 수 있어요 |
구분 | 기술 스택 |
---|---|
common | |
frontend | |
backend | |
DB | |
CI/CD | |
deployment | |
others |
타로 밀크티는 FE 3명 & BE 1명 으로 구성되어 있어요!!
인원 불균형을 해결하기 위해 FE 팀원들의 ✨ 풀스택 도전 ✨이 담겨 있어요~
덕분에 BE 팀원은 처음 해보는 배포와 인프라를 성공적으로 마칠 수 있었습니다 🥰자세한 담당 업무는 여기를 확인해주세요 👍
J027 | J028 | J072 | J165 |
---|---|---|---|
김유정 | 김유진 | 송민형 | 허지예 |
Backend | Frontend | Frontend | Frontend |
🔮 타로밀크티
💻 프로젝트
- 📒 정적 파일 public vs src/assets
- 📒 카카오톡 공유
- 📒 인터랙티브 웹 구현
- 📒 반응형 웹 - 단위를 적절하게 사용하기
- 🪲 vite에서 tailwindcss 적용 이슈
- 🪲 tailwind의 장단점
- 📒 NCP 인프라 구축하기
- 📒 GitHub Actions로 CI/CD 자동화하기
- 📒 SSL 인증서 발급받기
- 📒 블루/그린 무중단 배포 구현하기
- 📒 graceful shutdown으로 사용자 경험 저하 방지하기
- 📒 winston과 sentry로 서버가 터지는 이유 분석하기 (+ slack webhook)
- 📒 카카오 로그인 도입하기
- 📒 health check로 서버 상태 확인하기
- 📒 Jest와 Supertest로 코드 동작 테스트하기
- 📒 도커 캐싱으로 빌드시간 67% 개선하기
- 📒 데이터베이스 최적화하기
- 🪲 521 Web server is down
- 🪲 도커 컨테이너에서 호스트 MySQL에 접근 못하는 이슈