-
Notifications
You must be signed in to change notification settings - Fork 0
11.07 2주차 데모 회의
gamgyul163 edited this page Dec 3, 2024
·
3 revisions
- 만든 페이지들 소개
- 채팅창 구현
- 채팅창 관련 동적 레이아웃 구현한 내용? [LivePage 채팅창, 반응형 구현](https://www.notion.so/LivePage-797a7d6f62e54dccb5d7fff68b78b78d?pvs=21)
- 스크롤 이벤트 안쓰고 intersctionObserverAPI 사용 [채팅창 스크롤 이벤트 개선](https://www.notion.so/6d43b683d05748bc8c821979c3c82dad?pvs=21)
- 아키텍쳐 그림 넣기
- 미디어 서버 도커에 오브젝트 스토리지를 마운트하는 방식으로 딜리버리를 처리
- 추후 인코딩 서버와 인제스트 서버가 분리되어도 동일하게 인코딩 서버에 마운트하는 식으로 처리할겁니다.
- 미리 준비한 OBS 송출을 간이 플레이어로 재생하는 동영상
- DNS 등록
- 엔진엑스 이용하여 포트 포워딩
-
@nestjs/config
로 환경 변수 관리
[2단계 서브도메인 사용에 따른 ssl 인증서 적용 실패](https://www.notion.so/2-ssl-4a282f426c964943b6bff4933a685edd?pvs=21)
-
1.1 프로젝트 소개
- 프로젝트의 목적 및 배경
- 주요 기능 및 목표
-
1.2 발표 개요
- 발표의 주요 내용 및 흐름 소개
-
2.1 만든 페이지들 소개
- 각 페이지의 기능 및 역할 설명
- 페이지 디자인 및 사용자 경험(UX) 강조
-
2.2 채팅창 구현
-
2.2.1 동적 레이아웃 구현
- LivePage 채팅창의 동적 레이아웃 설명
- 반응형 디자인 구현 내용
- [LivePage 채팅창, 반응형 구현](https://www.notion.so/LivePage-797a7d6f62e54dccb5d7fff68b78b78d?pvs=21) 링크 소개
-
2.2.2 스크롤 이벤트 개선
- 기존 스크롤 이벤트의 문제점
- IntersectionObserver API를 사용한 개선 방법
- [채팅창 스크롤 이벤트 개선](https://www.notion.so/6d43b683d05748bc8c821979c3c82dad?pvs=21) 링크 소개
-
2.2.1 동적 레이아웃 구현
-
3.1 아키텍처 개요
-
3.1.1 아키텍쳐 그림
- 시스템 전체 구조도 소개
- 각 컴포넌트 간의 상호작용 설명
-
3.1.1 아키텍쳐 그림
-
3.2 미디어 서버 설정
-
3.2.1 도커에 오브젝트 스토리지 마운트
- 도커를 활용한 오브젝트 스토리지 마운트 방식 설명
- 딜리버리 처리 방법
-
3.2.2 확장성 고려한 설계
- 인코딩 서버와 인제스트 서버의 분리 계획
- 향후 서버 확장 시 동일한 마운트 방식 적용 방법
-
3.2.1 도커에 오브젝트 스토리지 마운트
-
3.3 OBS 송출 간이 플레이어 구현
- 미리 준비한 OBS 송출을 간이 플레이어로 재생하는 동영상 소개
- 플레이어의 주요 기능 및 특징 설명
-
3.4 DNS 등록 및 포트 포워딩
-
3.4.1 DNS 등록 과정
- 도메인 네임 시스템(DNS) 설정 방법
-
3.4.2 엔진엑스를 이용한 포트 포워딩
- 엔진엑스(NGINX)를 활용한 포트 포워딩 설정
- 트래픽 관리 및 보안 고려 사항
-
3.4.1 DNS 등록 과정
-
3.5 환경 변수 관리
-
3.5.1
@nestjs/config
활용- 환경 변수 관리의 중요성
-
@nestjs/config
모듈을 사용한 환경 변수 설정 방법 - 설정 파일 구조 및 사용 예시
-
3.5.1
-
4.1 추가 더미 데이터 삽입
- 다양한 카테고리에 맞춘 방송 및 유저 데이터 추가
- 데이터베이스 정합성 유지 방안
-
4.2 향후 개선 사항
- 기능 확장 계획
- 성능 최적화 방안
- 사용자 피드백 반영 전략
-
5.1 실시간 채팅창 시연
- 채팅창의 동적 레이아웃 및 반응형 디자인 시연
-
5.2 미디어 서버 및 OBS 플레이어 시연
- 미디어 서버 설정 및 간이 플레이어 동작 시연
-
6.1 작업 요약
- 주요 작업 내용 및 성과 정리
-
6.2 질문 및 답변
- 청중의 질문에 대한 응답 시간