생활
리액트 다른페이지 만들때 동영상은 넣으면 안되나요?
현재 리액트js로 사이트를 만들고 있는데 메인화면에 백그라운드 영상으로 영상을 재생하고
위에 버튼들을 배치해서 이동시키고 하려고 하는데 페이지 이동은 되나,
다른페이지로 넘어가면 메인화면에 있는 동영상도 같이 불러와지는 문제가 계속해서 생기더라고요..
혹시 해결할 방법이 있을까요? 아니면 vue.js를 사용할까 하는데 이것도 똑같을까요?
2개의 답변이 있어요!
page 단위로 컴포넌트를 로드 할 수 있게 Nextjs 와 같은 프레임워크를 사용하거나,
해당 컴포넌트를 미리 부르지 않도록 조건부 렌더링을 사용하여 렌더하거나 Lazy 로딩을 사용하여 구현하시면 될것 같습니다.
조건부 렌더링 한글 가이드 입니다.
https://ko.reactjs.org/docs/conditional-rendering.html아하 사이트도 Vue.js로 만들어진 것으로 알고 있습니다.
일반적으로 사이트에서 만들수 있는 것은 React.js, Vue.js에서도 대부분 만들수가 있습니다.
메인화면에 동영상을 넣더라도 다른 화면으로 이동시 동영상이 불러와 지는 것은 다른 문제가 아닐까 합니다.
Vue.js, React.js 예제를 좀더 돌려보는 것이 좋을것 같습니다.