10cheon00 / drf-practice

0 stars 0 forks source link

Redesign router view, added create article vue #6

Closed 10cheon00 closed 3 years ago

10cheon00 commented 3 years ago

우선 튜토리얼에서 본 코드대로 다음과 같이 Blog.vue 안에 다른 컴포넌트를 포함하는 방법으로 작업하고 있었다.

App.vue
`-- Blog.vue
    |-- BlogArticle.vue
    |-- BlogArticleDetail.vue
    `-- CreateArticle.vue...?

이렇게 하다보니 매번 컴포넌트들을 페이지의 구성에 맞춰 변경해야했다. 라우터의 의미가 아닌 것 같아서 다시 아래와 같이 구조를 변경했다.

App.vue
|-- Blog.vue
|-- BlogArticle.vue
`-- CreateArticle.vue

App.vue에 있는 router-view에서 한 번에 한 컴포넌트만 보여주기로 생각했다. 이렇게 한 뒤 컴포넌트를 바꿔주기 위해 router를 정리했다. 그 다음 CreateArticle.vue를 작성했고, 백엔드에 create요청을 넣어 새로 글을 만들 수 있게 작성했다.