안녕하세요   vue랑 router cdn으로 사용하고있는데 계속 버전이 업데이트되어서 그런지 에러가 나네요. vue, router 이 주소로 끌어오고있고, 에러는  router.html:15 Uncaught TypeError: VueRouter is not a constructor <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router@4"></script>   구글링해보니.. vue버전 낮추래서 2.6.12로 낮췃는데,  그럼 또 다른에러가 생기더라구요... Uncaught TypeError: vue.defineComponent is not a function            

부모 컴포넌트<templete>   <router-view/></templete>    하위 컴포넌트 <templete>  <sub-content :props="props"/>  <router-view :props="props"/></templete>하위 컴포넌트에서 <sub-content/> 컴포넌트를 제외한 부분은라우팅에 따라 다르게 보여져야 할 것 같아서, 부모에도 <router-view/> 태그를 사용했고 하위 컴포넌트에도 <router-view/> 태그를 사용했는데요, 이렇게 구조를 짜니까 sub-content에는 props가 넘어가는데 하위 컴포넌트의 <router-view/>로 보내는props가 증발해버리더군요.  이럴 경우에는 아무리 <sub-content/>가 하위 페이지마다 반복해서 들어간다 할지라도 하위에서 <router-view>를 쓰지 않고,하위 컴포넌트에 일일이 <sub-content/>가 들어있는 컴포넌트를 따로 만들어야 되는건지... 궁금합니다. 아무래도 부모에 정의된 router-view 와하위에 정의된 router-view를 구분하지 못하고 props가 무시되는 거 아닐까 싶은데... 맞나요?

에러의 연속이네요..ㅠㅠ 회원가입, 로그인은 전부 잘 되는데 로그인 후에 아래 코드대로라면 채널페이지가 나와야 하는데   if (data) {     navigate('/workspace/channel');     return null; } 저 주소로 넘어가긴 하는데 넘어가서 아래 사진처럼 에러가 계속 뜹니다..     참고로 위 사진처럼 에러 뜨기 전에는 you cannot render a <router> inside another <router>. you should never have more than one in your app.  이런 에러메세지가 나왔는데, 이건 라우터가 중복이라서 나오는거라고 해서 (그렇지만 저는 다른 파일에서도 'Routes'와 'Route'만 썼지, 'BrowserRouter'를 쓰진 않았는데.. 라우터 중복이라는 에러가 왜 나왔는지 모르겠네요) app.tsx파일에서 {BrowserRouter as Router} 를 지우니까 이 메세지는 안나오고 현재는 위 사진과 같이 메세지가 나옵니다.  

* VueDjAgencyDrf-untilCh7-2의 api2/views.py에서 (프로그래머가 직접 직렬화하는 것이 아니라 VueDjAgencyDrf-untilCh6의) PostSerializerDetail serializer를 이용해 직렬화하고, 해당 ViewSet을 router를 통해 url 매핑을 하면 아래와 같은 에러가 발생합니다... * 제가 추가한 코드는 다음과 같습니다.   # api2/urls.py router = routers.DefaultRouter() router.register(r'post', views.PostViewSet) urlpatterns = [ ... path('', include(router.urls)), ... ] # api2/views.py def get_prev_next(instance): try: prev = instance.get_previous_by_update_dt() except instance.DoesNotExist: prev = None try: next_ = instance.get_next_by_update_dt() except instance.DoesNotExist: next_ = None return prev, next_ class PostViewSet(ModelViewSet): queryset = Post.objects.all() serializer_class = PostListSerializer pagination_class = PostPageNumberPagination def get_serializer_context(self): return { 'request': None, 'format': self.format_kwarg, 'view': self } def get_queryset(self): return Post.objects.all().select_related('category').prefetch_related('tags', 'comment_set') def retrieve(self, request, *args, **kwargs): instance = self.get_object() prevInstance, nextInstance = get_prev_next(instance) commentList = instance.comment_set.all() data = { 'post': instance, 'prevPost': prevInstance, 'nextPost': nextInstance, 'commentList': commentList, } serializer = PostSerializerDetail(instance=data) return Response(serializer.data)   * 그런데 이 이슈는 아래와 같이 router를 쓰지 않으면 발생하지 않고 정상 동작합니다. path('post/', views.PostViewSet.as_view(actions={ 'get': 'list', }), name='post-list'), path('post/<int:pk>/', views.PostViewSet.as_view(actions={ 'get': 'retrieve', }), name='post-detail'), path('post/<int:pk>/like/', views.PostViewSet.as_view(actions={ 'get': 'like', }), name='post-like'), * 어떻게 하면 PostSerializerDetail를 통해 직렬화하고 해당 ViewSet이 router를 이용하도록 하여도 에러가 나지 않을 수 있을까요?

강의를 따라 9-1 까지 따라서 진행중입니다. 좋은 강의 감사드립니다.    제가 여태까지 잘 따라왔는데 vue 라우터에서 막히는 부분이 있어서 질문드립니다.  1. routes.js 에서 컴포넌트를 추가할때, import할때 NumberBaseball.vue 가 경로에서 안보이는 점이나  (vue파일을 컴포넌트로 따로 설정해야 하는건가요 ?)   vue 라우터 네비게이션에서 vue를 불러왔을때, 데이터나 데이터에 정의해둔 값들을 못가져오는거같습니다. 제가 빼먹은 부분이 있을까요 ?      2. 뷰 라우터의<router-view></router-view>로   .vue 파일을 불러오면 불러온 vue의 app.js도 같이 가져오게 되나요 ?  VueRouter.html의     <script src="./dist/app.js"></script> app.js는 9장에서 만든 뷰라우터 폴더의 app.js 같은데 헤깔리네요       

안녕하세요. router를 통해 json 형태로 시간 데이터를 가져 왔는데,  다른 router에서 이 데이터를 사용하려면 어떻게 해야 할까요 ???  

초반부에 있던 axios.get을 post로 변경하셨는데, 이것은  router.post("/", auth, uploadS3.none(), 을 위한거 맞나요? 후반부에 서버에서 작성한 router.get~은 추후 나올 postDetail에 대한 요청이 맞나용? 프론트단과 서버단의 get, post가 참 헷갈리네여 추가로 popuplate에서 아래두개의 코드가 같은 코드인지 궁금합니다. .popuplate("creator", "name")       .popuplate({ path: category, select:  "categoryName" }); .popuplate({ path: creator, select:  "name" }) .popuplate({ path: category, select:  "categoryName" });

제목 그대로 입니다.  npm run serve를 통해 실행 시,  router path에 정의되지 않은 url을 웹브라우저에 입력했을때 정상적으로 application이 동작하는 이유를 모르겠습니다. 예를 들어  localhost:8080/new/newnew localhost:8080/ne localhost:8080/new1234 등 어떠한 url을 입력해도 정상적으로 page가 로드 됩니다. 물론 url에 연결되어 있는 page component까지는 보이지  않지만 바탕이되는 toobar componet 까지는 브라우저에서  확인이 가능한것을 보면  어떤 이유에서 저렇게 동작하는지 궁금하네요또한 설정을 통해서 접근을 하지 못하도록 404 오류 같은 것을 발생할 수 있는지 궁금합니다.

안녕하세요 반갑습니다. vue 수강잘하고 있습니다. 저같은 생계형 개발자도 이해가 될만큼 쉬운 강의 감사합니다. 초급 다수강하고 중급까지 이어서 수강중입니다. 감사합니다. 질문입니다. 제가 router 를 사용해서 게시판 작업중입니다. 해당글의 글수정후  router.push({ name: 'boardList' }); 이런식으로 이동을 했습니다. 하지만 리스트로 이동을 해도 방금 수정된 글이 적용이안되어서 꼭 새로 고침을 해줘야 수정된글이 보입니다. location.href = '/board#/List'  이런식으로 처리해도 수정된 내용이 적용이 되지 않습니다. cache 문제인것 같은데 제가 아무리 검색을 해봐도 router.push 에서 no cache 를 어떻게 처리를 해야할지 모르겠네요 혹시 처리가 가능한지 궁금해서 문의드립니다 감사합니다~

안녕하세요. 좋은 강의 덕분에 vue를 잘 알아가고 있는것 같습니다. 감사합니다.   제가 물어 보고 싶은 것은 라우터를 통해 param을 던지는 부분중 { path: '/example/:id', component: Example } 을 통해서 /exaple경로로 들어오는 url은 다 Example컴포넌트로접근하고있습니다.  vue 정식 사이트에는 매개 변수와 함께 라우트를 사용할 때 주의 해야할 점은 사용자가 /user/foo에서 /user/bar로 이동할 때 동일한 컴포넌트 인스턴스가 재사용된다는 것입니다. 두 라우트 모두 동일한 컴포넌트를 렌더링하므로 이전 인스턴스를 삭제 한 다음 새 인스턴스를 만드는 것보다 효율적입니다. 그러나 이는 또한 컴포넌트의 라이프 사이클 훅이 호출되지 않음을 의미합니다.  이렇게 되어 있는데 /example/sample1 에서 /example/sample2로 이동시 sample1의 beforeDestroy와 sample2의 mounted가 동작을 하던데 위에서 말하는 컴포넌트의 라이프 사이클 훅이 이 부분이 아닌건가요??