[Info] openvidu tutorial - react 부분 적용해서 local test 해보기.

[tastekim]

작업 내용 리스트

• [x] 1. 노마드코더 ReactJS 로 영화 웹 서비스 만들기 강의 봐보기.
• [ ] 2. openvidu-tutorial-react 페이지에 session 생성 및 연결 부분 분석하기.
• [ ] 3. Class component <-> Function component 변환 해보기.
• [ ] 4. Openvidu server, Application server, React client 를 docker image 로 local 에서 연결해보기.

@tastekim

각 항목별 내용

• 노마드코더에 클래스 컴포넌트를 함수형 컴포넌트로 바꾸는 부분이랑 리액트에 대해 전반적인 기본 내용들을 파악할 수 있어서 Openvidu 에서 제공하는 튜토리얼 깃 파일들을 분석하기에 수월할 것 같다.
• 강의 시간이 총 6시간 반 정도 되니까 일요일에 조지면 가능할 수도 있겠다.
• Openvidu react 튜토리얼이 클래스형 컴포넌트로 구성되어 있는데 지금 프로젝트는 함수형 컴포넌트로 작업하고 있기 때문에 우리가 필요한 부분을 찾아서 적용하기 위해선 리액트 사전 공부가 필요하다.
• 리액트에게 부탁은 했는데 현재 작업 중인 내용들이 많아서 주말을 사용해서 빠르게 흝고 필요한 부분들을 골라서 사용할 수 있도록 해봐야겠다.
• EC2 인스턴스는 Nginx 로 프록시 서버를 사용하고 있고 SSL 도 적용해놓은 상태이기 때문에 리액트의 webRTC가 적용하는 대기방 부분만 적용할 수 있어도 큰 진전이지 않을까.
• docker로 3개의 서버를 띄울 때 네트워크랑 볼륨 연결하는 부분도 체크.

각 항목 별 진행 상황

👇 커멘트로 작성

[tastekim]

후기

어렵습니다 리액트^^ 하루이틀 해서 될 문제가 아니였습니다,,, 기존 프론트의 코드도 이해도가 있어야하고 openvidu 에서 제공하는 튜토리얼에 대한 리액트 코드도 이해하고 있어야 하는데 그 부분부터 해서 리액트에 대한 이해도까지 다루기엔 주말안에 다 해본다는 것이 욕심이였습니다 ㅎㅎ,,,

프론트 진행상황은 마감 일정까지 MVP 구현부터 지금 빠듯한 상황이라 마냥 기다릴 수는 없을 것 같고 일단 서버 파일은 배포는 되어있는 상태이니 프론트가 같이 합류할 상황이 될 때까지 테스트 코드에 집중해보면 어떨까 생각이 듭니다