Youtube clone 사이트 만들기

이번 블로그 글은 John Ahn 님의 따라하며 배우는 노드, 리액트 시리즈 - 유튜브 만들기 강의를 보고 필기한 파일입니다.

우선 저분의 github 주소에 들어가서 파일을 열어보면 아래와 같은 구조를 취하고 있다.

근데 이 강의 따라하려고 하는데 4년 전이라 빌드가 잘 안 된다. 쉽지 않네;;

---

Mongo DB

mongoDB 가입 후 Cluster 를 생성한다. AWS EC2 같은 서버를 생성한다고 생각하면 된다. 무료 계정으로 가입해두자.

사용할 서버 사양은 다음과 같이 한다. (해외 사용자면 지역 변경하고)

접속할 계정의 아이디와 비밀번호를 설정했다면 다음 단계로 넘어가게 될 것인데, Driver와 그 버전을 선택한다.

생성되고 나서 약간의 시간이 지나면 다시 Driver 설정으로 들어가 어떻게 앱에서 이 서버로 연결할 지 확인하면 된다.

Database Access로 들어가면 새 계정을 생성할 수 있다. 필요하면 추가하자.

이제 설정되었다면 server/config/dev.js에 들어가서 해당 mongoDB 정보를 넣어주면 된다.

Video 업로드 폼 만들기

• Upload Page Route 만들기
• Upload Page Header Tab 만들기
• Form Template 만들기
• 파일을 올리는 Template 구현을 위한 Drop-zone 다운 받기
• onChange func 만들기

concurrently 도 라이브러리 중 하나다.