합니다, 개발공부📝 합니다, 개발공부📝

저번까지는 입력창을 완성했고 이번에 dropzone의 기능을 완성할 것이다. 비디오 업로드의 기능을 사용하기 위해서는 multer를 이용한다. onDrop 함수를 추가해준다. const onDrop = (files) =>{ //axios를 통해서 데이터 보낼때 파일이 오류생기지 않도록 전환하는 head 사용한다. let formData = new FormData; const config = { header: {'content-type': 'multipart/form-data'} } formData.append("file", files[0])//첫번째 파일을 가져오기 위해서 배열을 사용한다. //서버에 보낸다. Axios.post('/api/video/uploadfiles', formData, config..

이와같은 비디오를 업로드하는 페이지 형식을 만들 것이다. 우선 client>components>views>VideoUploadPage>VideoUploadPage.js를 만든다 그 후 App.js에 route를 생성해준다. 여기서 null은 아무나 다 입장가능하고, false는 로그인한사람은 못들어가고, true는 로그인한사람만 들어갈 수 있다. import React, { Suspense } from 'react'; import { Route, Switch } from "react-router-dom"; import Auth from "../hoc/auth"; // pages for this product import LandingPage from "./views/LandingPage/LandingPa..

movieapp에 이어서 두번째로는 youtube를 만들 것이다. (원래는 유튜브강의를 먼저 들었어야 하지만!) 강의는 유튜브 강의를 참고하였다. https://www.youtube.com/watch?v=Fin9jBNIaxk&list=PL9a7QRYt5fqnlSRu--re7N_1Ean5jFsh3&index=3&ab_channel=JohnAhn 영화앱을 만들때와 마찬가지로 이번에도 boilerplate를 사용하기 때문에 아래 깃헙주소에서 이미 만들어진 틀을 다운받는다. https://github.com/jaewonhimnae/boilerplate-mern-stack jaewonhimnae/boilerplate-mern-stack Boilerplate when you use REACT JS, MONG DB,..