Visit Our Service: tairot.online 2024.02.03
| 랜딩 & 로그인 & 회원가입 |
|---|
![[영상1]](https://private-user-images.githubusercontent.com/134985004/301052718-8a9f9438-16a8-409a-8199-4f2977f61dee.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzExNzU3ODQsIm5iZiI6MTczMTE3NTQ4NCwicGF0aCI6Ii8xMzQ5ODUwMDQvMzAxMDUyNzE4LThhOWY5NDM4LTE2YTgtNDA5YS04MTk5LTRmMjk3N2Y2MWRlZS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQxMTA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MTEwOVQxODA0NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03NjhlZGE5ZWVhMDJmYmNiMzY4YzVhMWI2ODI2YjkxNWMxNzJhMzUyMTAxZDY1OWQxNjc4ZDFkMWVmNWNhZWIxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.3DWr6eVFjz7JxzXaTw_cXS7rq4xIwRkov44PszR16x0) |
| 운세 카테고리 & 운 선택 |
![[영상2]](https://private-user-images.githubusercontent.com/134985004/301053256-f26f6691-d423-4a09-bc2c-2c66a7d2c5f5.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzExNzU3ODQsIm5iZiI6MTczMTE3NTQ4NCwicGF0aCI6Ii8xMzQ5ODUwMDQvMzAxMDUzMjU2LWYyNmY2NjkxLWQ0MjMtNGEwOS1iYzJjLTJjNjZhN2QyYzVmNS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQxMTA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MTEwOVQxODA0NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xZjFlNjJmYzZjNDU3MjliMDBjNmQ4NjAyYjkxZjAxODZhZmRiYjIzMmUwNjEyOWM3YTY3Yzk3OTQ3ZjFmMDhhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.HGS5oEOACi6Kx8myyd42DTr8iRWmKaRNCkjCssSzOHI) |
| 가이드라인 & 고민 작성 |
![[영상3]](https://private-user-images.githubusercontent.com/134985004/301148577-cc8d4dad-be74-46f2-b171-cc15025fa551.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzExNzU3ODQsIm5iZiI6MTczMTE3NTQ4NCwicGF0aCI6Ii8xMzQ5ODUwMDQvMzAxMTQ4NTc3LWNjOGQ0ZGFkLWJlNzQtNDZmMi1iMTcxLWNjMTUwMjVmYTU1MS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQxMTA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MTEwOVQxODA0NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMDc2MjE0ZWU1ZjJiNWVmMDg5MGIxNzdlYTMxZjlhMmQ2OWNhZjE2YjQ4MDZiZWIxNWI4MDNiZDg4OGFjMDc4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.-YxCW2La33IJQDd5NPyeqlzOcX-XUAEHg099jZZIr84) |
| 카드 뽑기 & 분석 결과 |
![[영상4]](https://private-user-images.githubusercontent.com/134985004/301254215-718b4d52-788d-48a3-91e8-cd3f7051d834.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzExNzU3ODQsIm5iZiI6MTczMTE3NTQ4NCwicGF0aCI6Ii8xMzQ5ODUwMDQvMzAxMjU0MjE1LTcxOGI0ZDUyLTc4OGQtNDhhMy05MWU4LWNkM2Y3MDUxZDgzNC5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQxMTA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MTEwOVQxODA0NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mNWRkNWE1ODRjNGNmNDk1NTEwMWRiNDZhNDA5OTFhNzUxMzU1ZTkzOGIwYmNlODM0Yzk4MzM5Njk1NTdlZDVlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9._hYh35D1HVDOpn4kgSg9yWdRxjMotOHZWlpQnrvDeKk) |
| 결과 공유 |
![[영상5]](https://private-user-images.githubusercontent.com/134985004/301152803-9a508646-bb38-4bea-93bb-3be35cbe633d.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzExNzU3ODQsIm5iZiI6MTczMTE3NTQ4NCwicGF0aCI6Ii8xMzQ5ODUwMDQvMzAxMTUyODAzLTlhNTA4NjQ2LWJiMzgtNGJlYS05M2JiLTNiZTM1Y2JlNjMzZC5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQxMTA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MTEwOVQxODA0NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02MWFjMTc3MTVmNGQ2YjAwNWIzODI1ZmVmYzQ3YzA0MTg3ZGZiNjE4ZWZhNDFlODM4Njc1NGJmOWNiNzY2NDk4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.USNPSCGSScqtPSXPaHILq2AoYZJewVlzLZNo8bQJilQ) |
| 마이페이지 리스트 & 결과 상세조회 |
![[영상6]](https://private-user-images.githubusercontent.com/134985004/301155676-19b7ada7-28cc-4c93-bc9a-2b5f83a17c16.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzExNzU3ODQsIm5iZiI6MTczMTE3NTQ4NCwicGF0aCI6Ii8xMzQ5ODUwMDQvMzAxMTU1Njc2LTE5YjdhZGE3LTI4Y2MtNGM5My1iYzlhLTJiNWY4M2ExN2MxNi5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQxMTA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MTEwOVQxODA0NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01YTAzZDY0NTBlOWIwMzdmNTIzMjNhYmY1ZWM5ZmQzZjlkMTgwM2NhOTkwNjgxYmYzZjhjYmQ4YzE3NWQ1ZmMwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.IQ8Tmo_CA31X-QJZOFZCc1Jtd1Vgj7kmSkXQQe3Iv2w) |
| 이미지 사용 출처 |
|
Image by rawpixel.com on Freepik Image by pikisuperstar.com on Freepik |
| Frontend | Backend | DevOps | DB | Others |
|---|---|---|---|---|
   |
   |
        |
   |
    |
| Name | Description |
|---|---|
| Nginx | 웹 서버, 프록시 서버 연결 및 SSL/TLS 등을 담당합니다. |
| React | 컴포넌트 기반으로 코드 재사용성을 높이는 프론트엔드 라이브러리입니다. |
| Node.js(Express.js) | TAIROT의 서버로서 각종 요청을 처리하고 DB와 직접 소통합니다. |
| Socket.IO |
Chat GPT로부터 받은 카드별 해석 및 종합 해석을 프론트엔드에 stream 형태로 전달합니다. 버퍼에 한 줄씩 저장한 TTS를 프론트엔드에 전달합니다. |
| EC2 | 클라우드 컴퓨팅 서비스로 호스팅을 담당합니다. |
| Jenkins | CI/CD 자동화를 담당하고 빌드 결과를 실시간으로 슬랙에 전달합니다. |
| Docker | 컨테이너화된 응용 프로그램의 개발, 배포 및 실행을 간소화하고 일관성을 유지합니다. |
| S3 | 78장의 타로 카드 정보(번호, 영문 이름, 한글 이름, 이미지 url)를 저장합니다. |
| Prometheus | 오픈 소스 기반의 시스템 및 서비스 모니터링 도구로 Metric 정보를 수집하고 저장합니다. |
| Grafana | 수집한 Metric 정보를 시각화하여 대시보드를 구성하며 모니터링 중 성능 이슈 발생 시 실시간으로 슬랙에 경고 알람을 전달합니다. |
| Filebeat | 서버의 로그를 수집하여 Logstash로 전달합니다. |
| Logstash | Filebeat로 수집된 데이터를 처리하고 Elasticsearch로 전송하는 역할을 담당합니다. |
| Elasticsearch | Logstash로부터 전달 받은 데이터를 저장합니다. |
| Kibana | lasticsearch에 저장된 로그 데이터를 분석하고 시각화합니다. |
| Pictures |
|
|
|
|
|
|
|
|---|---|---|---|---|---|---|---|
| Name | 박준서 | 이수민 | 김민지 | 김동헌 | 김민기 | 김윤기 | 설한나 |
| Position |
Frontend Leader |
Frontend |
Frontend |
Backend DevOps |
Backend DevOps |
Backend DevOps |
Backend DevOps |
| GitHub |
|
|
|
|
|
|
|
