[Node&React로 유튜브 사이트 만들기] 3. 비디오 업로드 form 만들기 (1)

[Node&React로 유튜브 사이트 만들기] 3. 비디오 업로드 form 만들기 (1) 

 

아래의 로직을 따라 비디로 업로드 form을 만들어보자.

 

 

 

1. npm run dev

 터미널 창에 'npm run dev'를 입력해보자. 아래와 같이 localhost가 뜬다. 아래의 랜딩 페이지는 보일러 플레이트로 구현된 것!

 

 

• 아래의 [package.json]-scripts-start는 node.js 서버 시작 시 실행되는 파일을 의미한다.
• nodemon: 서버를 실행할 때마다 기존 서버 종료-재실행을 자동으로 해주는 라이브러리
• concurrently: 라이브러리의 일

 

 

2. 리덕스 데브툴즈 다운받기

리덕스 데브툴즈를 검색해 다운 받을 수 있다. 리덕스 데브툴즈를 활용하면 현재 유저의 상태등을 알 수 있다.

 

 

 

3. 비디오 업로드 form 제작을 위한 폴더 및 파일 만들기

[clients] - [src] - [components] - [views] 에 VideoUploadPage라는 폴더를 만들고, 아래에 VideoUploadPage.js 파일을 생성한다.

 

 

 

 

https://youtu.be/0jdkmw8-Kec