첫번째 프로젝트 Sodam 복기(2)

기획을 마치고 드디어 프로젝트를 시작할 수 있었어요.

팀 구성은  vue를 맡은 2명과 spring을 맡은 3명과 함께 했습니다.

제가 webRTC와 CI/CD를 맡게 되었습니다. 

처음 webRTC를 구성할 때 어떤 방식으로 사용할 지, 사용하게 되면 백은 어떻게 구상할지에 대해 구상하는데 시간을 

많이 사용했습니다.

오픈비두를 사용하게 되면 상대적으로 webRTC만 사용해서 가공하는데 비해 어떤점이 부족한게 있나 확인하고 싶었기 때문이죠... 

3일동안 알아본 결과는 오히려 openvidu를 사용하는게 접근하기 쉽고 kurento, turn 서버를 구성해준다는 장점이 있었습니다.

---

3주차에서 6주차 투자 시간

2주간 CI/CD에 투자

4일 webRTC서버 구축 및 서버 연결

7일 vue

1일 ucc 촬영

1일 파일 정리

 

6주간 과정 요약
(CI/CD)
1. EC2환경에서 도커를 설치하고, MobaXterm을 통해 쉽게 접근했습니다. 
2. Jenkins를 통해 jenkins에서 권장하는 도커인 도커 방식을 통해 자동 배포를 진행했습니다.
3. 무료 도메인인 duckdns를 사용하고 Nginx Proxy Manager로 관리하였습니다.
4. openvidu에서 요구하는 서버를 띄웠습니다.
err. 무료 도메인인 duckdns가 해킹을 받아서 크롬에서 더이상 띄우지 못하게 되었습니다. ➡ 새 도매인 구매
5. portainer를 통해 내부 네트워크를 관리했습니다. jenkins의 설정도 변경했습니다.
6. 플라스크 서버를 띄웠습니다.(stt 용도)
(Web RTC)
7. 기본적인 오픈비두 화면을 띄웠습니다.
8. publisher와 manager계정만을 관리하고 연결 과정에서  상담사만 session_id를 만들수 있고, 백엔드로 session_id를 보내 인증받은 유저만 해당 방으로 들어올수 있게 했습니다. 
(Vue)
9. 로그인 화면 화면을 만들었습니다.
10. client의 개인 페이지를 만들었습니다.
11. webRTC 화면을 제작했습니다. + 고객은 고객 자신을 보지 못하는 기능을 추가 구현
12. webRTC 대기화면과 들어갈때 진입 화면을 만들었습니다.
13. 사이드 바를 재구성하고, 메인 사진을 배치했습니다.

이번 프로젝트에서 vue를 제외하고 모두 처음 다루던 것이었습니다.

우선, 자동배포가 첫 고비였습니다.

2023.01.28 - [CI&CD/Docker] - AWS에서 Docker 위에 Jenkins 설치(1) - docker설치 이유 및 docker설치하기

2023.01.28 - [CI&CD/Docker] - AWS에서 Docker 위에 Jenkins 설치(2) - docker 설치하기

를 통해 자세하게 적어놨습니다.

 

두번째는 ssl인증을 받기 위해 certbot을 사용하는 것이었습니다.

하지만, ssl인증을 받기 쉬운 방법인 nginx proxy manager의 소식을 듣게 되었고.. 바로 설치해서 사용하게 되었습니다.

코드로만 보다보니 보기 어려워서 portainer를 통해 확인해보고

2023.02.19 - [CI&CD/참고] - Portainer

ubuntu 명령어들도 익숙하게 되었습니다.