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. WEB 만들기 18 -CRA to Boilerplate 앞으로 만든 페이지를 만들기에 앞서서 폴더를 수정할것입니다. 지금은 이런 상태라고 하면 이런식으로 바꿀 예정입니다. 여기서 보시면 src 폴더안에 LandingPage 부분은 처음에 나오는 페이지를 작성할것입니다. App.js 부분은 라우팅 관련일 처리를 할것인데 이부분은 무엇이냐면 내가 로그인 관련 페이지에 가고 싶다고 하면 로그인 페이지로 갈수있게 그렇게 분류를 시켜줄 수 있는 것 HOC 는 컴포넌트 안에 이것은 펑션인데 다른 컴포넌트를 갖는 펑션이라고 생각하면되는데 Auth라는게 있는데 이게 어떤사람이 자격이 되는지 체크를 하는 곳인데 어떤 컴포넌트가있는데 그곳은 관리자만 들어갈 수 있다고 하자. 이 Auth에서 어떤사람이 들어오려고 할때 이곳에서 들어올 수 있는 사람인지 아닌지 체크해서 들어올수 .. 2021. 1. 20. 이전 1 다음 728x90 반응형
