아하
검색 이미지
생활꿀팁 이미지
생활꿀팁생활
생활꿀팁 이미지
생활꿀팁생활
용감한흑로204
용감한흑로20421.05.11

vue.js React.js 는 한페이지로만 작동하나요?

생초짜 개발자입니다! 현재 자바스크립트 프레임워크를 이용해서 데모사이트를 만들어 보려고 하는데, React js 같은 경우에 한페이지로만 개발해야 하는것때문에 정확이 어떻게 해야할지 모르고 어려워서 거의 포기했습니다..

여러 페이지를 이용해 각 페이지에 영상과 사진들을 넣고 싶은데 구현이 안되더라구요

그래서 비슷한 vue js를 이용하려고 보니 이것도 비슷한 것 같던데..

vue js는 한페이지가 아닌 다른페이지도 만들어서 할수 있나요?

만약 이것도 안된다면 혹시 다른 프레임워크 추천부탁드립니다

55글자 더 채워주세요.
답변의 개수3개의 답변이 있어요!
  • 한페이지로 만드는것을 Single Page Application 이라고 하고요,
    멀티 페이지로 만들 수도 있습니다.

    React 같은 경우는 React Router(https://github.com/rackt/react-router) 라는 라이브러리를 사용하여 쉽게 구현 가능할 수 있고, 아니면 직접 구현할 필요없이 이미 구현되어 있는 NextJs(https://nextjs.org/ ) 프레임워크를 사용할 수도 있습니다.

    - Nextjs routing 가이드: https://nextjs.org/docs/routing/introduction

    Vue 역시 이런 라우팅 기능 지원하구요. (https://vuejs.org/v2/guide/migration-vue-router.html#router-start-replaced)

    감사합니다.


  • 리액트의 약점이자 강점이 SPA (싱글 페이지 어플리케이션)입니다.

    하지만 규모가 커지면 js 파일이 너무 커져 불편합니다.

    그것에 대한 대응으로 react router를 이용하시면 여러 페이지가 있는 것처럼 구현은 할 수 있습니다.

    데모 사이트를 만드시는 것이라면 react router로 먼저 간단히 구현해보는 것이 좋다고 생각합니다.


  • 아하 사이트도 Vue.js로 만들어진 것으로 알고 있습니다.

    일반적으로 사이트에서 만들수 있는 것은 React.js, Vue.js에서도 대부분 만들수가 있습니다.

    router를 사용하면 페이지가 전환되는 것처럼 사용할수가 있습니다.

    router가 있는 예제를 한번 실행해보는 것은 어떠할까 합니다.