지난 시간엔 정적 라우트와 중첩 라우트에 대해서 공부했었는데 오늘은 동적 라우팅에 대해서 알아보는 시간을 갖겠다. 우리가 깨달아야할 것은 온라인 서비스를 개발한다는 것은 일단 페이지 이동만 갖고는 전부 개발 할 수 없다는 점이다.기능 없이 페이지만 이리저리 돌아다니기만 하면 그건 서비스를 개발하는게 아니라 그냥 목업(Mock-up) 사이트에 불과할 뿐이다. 모든 서비스는 기능이 필요하고 그 기능은 파라미터와 쿼리 문자열을 통해 페이지간 데이터를 옮기는 것에서 시작된다. 오늘 동적 라우팅에 대해서 배워보고 Nuxt.js에서 제공되는 라우팅 기능을 끝내보도록하자. Nuxt.js 가이드 문서에 따르면 동적 라우팅을 하기위해서는 언더 스코어(_)를 붙인 폴더나 파일(.vue) 파일을 page 폴더에 생성해야한다..
일단 사이트나 어플리케이션의 UI 파트를 개발할 때 몇가지 필수요소가 있는데 그 종류를 이야기하면페이지 이동(Router)페이지 권한(Authenticate) 및 로그인미들웨어 - 모든 페이지에 공통적용할 수 있는 싱글턴 객체Restful API 연동이 네가지만 해결이 되면 UI 개발에 가장 중요한 요소들은 얼추 해결이 된다고 보면 된다.(순전히 내 생각일 뿐이고 다른 의견있으면 댓글로 전달 바람) 물론 세부적인 내용들은 조금 더 추가를 해야할지는 모르겠지만 대충 저정도만 먼저 알면 프로젝트를 시작하는데 큰 이슈가 없다고 생각하면 되겠다. 오늘은 저 중에서 첫번째 내용중 기본 라우트에 대해서 이야기 해보려고 한다. Vue에서 사용하는 대표적인 Router는 vue-router 라는 라이브러리가 가장 흔하..