728x90 반응형 비디오2 비디오 디테일 페이지에서 사이드 비디오 생성하기 순서는 사이드 비디오 부분의 레이아웃 템플릿을 만들고 한개의 카드 템플릿을 만들어서 반복시키고 디비에서 모든 비디오 데이터를 불러와서 화면에 출력하는 식으로 진행 하겠습니다. 우선 위에와 같이 VideoDetailPage폴더에 Sections 폴더를 생성하고 그 안에 SideVideo.js 파일을 생성합니다. VideoDetailPage/Sections/SideVideo.js 이런 패스를 가지면 되겠죠? rfce 해서 function 컴포넌트를 만들고 그리고 디테일 페이지로 가서 방금만든것을 임폴트 시켜줍니다. import SideVideo from './Sections/SideVideo'; 이것을 해주고 다시 SideVideo 컴포넌트로 가서 import React from 'react' functio.. 2021. 3. 10. 랜딩페이지 비디오 나타내기 비디오 Template 만들고 몽고DB에서 데이터 가져오고 가져온 비디오 데이터 스크린에 출력 Use map() methods 랜딩 페이지에서 우선 이거 만들고 import React ,{useEffect} from 'react' useEffect(() => { Axios.get('/api/video/getVideos') .then(respones=>{ if(respones.data.success){ }else{ alert('비디오 가져오기를 실패 했습니다.') } }) }, []) 라우터 생성을 위해 server의 video.js 부분으로 갑니다. routes/video.js 부분에 router.post('/getVideos',(req,res)=>{ //비디오를 DB에서 가져와서 클라이언트에 보낸다. .. 2021. 3. 5. 이전 1 다음 728x90 반응형
