본문 바로가기 메뉴 바로가기

야훔의 저렴한 개발

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

야훔의 저렴한 개발

검색하기 폼
  • 분류 전체보기 (131)
    • Diary (4)
    • 컴퓨터 일반 (4)
    • Dev (99)
      • Development (4)
      • HTML&CSS (10)
      • Javascript (5)
      • TypeScript (13)
      • Java (12)
      • Python (13)
      • Docker (2)
      • Vue.js (18)
      • React (1)
      • 어플리케이션 (2)
      • 프로그래밍 잘하기 (17)
      • Node.js (2)
    • Goods (3)
    • IT관련 (20)
      • 정보처리기사 (14)
  • 방명록

Routing (2)
#8-2. Nuxt.js Router 알아보기 - 동적 라우트(Dynamic Route)

지난 시간엔 정적 라우트와 중첩 라우트에 대해서 공부했었는데 오늘은 동적 라우팅에 대해서 알아보는 시간을 갖겠다. 우리가 깨달아야할 것은 온라인 서비스를 개발한다는 것은 일단 페이지 이동만 갖고는 전부 개발 할 수 없다는 점이다.기능 없이 페이지만 이리저리 돌아다니기만 하면 그건 서비스를 개발하는게 아니라 그냥 목업(Mock-up) 사이트에 불과할 뿐이다. 모든 서비스는 기능이 필요하고 그 기능은 파라미터와 쿼리 문자열을 통해 페이지간 데이터를 옮기는 것에서 시작된다. 오늘 동적 라우팅에 대해서 배워보고 Nuxt.js에서 제공되는 라우팅 기능을 끝내보도록하자. Nuxt.js 가이드 문서에 따르면 동적 라우팅을 하기위해서는 언더 스코어(_)를 붙인 폴더나 파일(.vue) 파일을 page 폴더에 생성해야한다..

Dev/Vue.js 2019. 3. 27. 10:55
#8-1. Nuxt.js Router 알아보기 - 기본 라우트(Basic Route)

일단 사이트나 어플리케이션의 UI 파트를 개발할 때 몇가지 필수요소가 있는데 그 종류를 이야기하면페이지 이동(Router)페이지 권한(Authenticate) 및 로그인미들웨어 - 모든 페이지에 공통적용할 수 있는 싱글턴 객체Restful API 연동이 네가지만 해결이 되면 UI 개발에 가장 중요한 요소들은 얼추 해결이 된다고 보면 된다.(순전히 내 생각일 뿐이고 다른 의견있으면 댓글로 전달 바람) 물론 세부적인 내용들은 조금 더 추가를 해야할지는 모르겠지만 대충 저정도만 먼저 알면 프로젝트를 시작하는데 큰 이슈가 없다고 생각하면 되겠다. 오늘은 저 중에서 첫번째 내용중 기본 라우트에 대해서 이야기 해보려고 한다. Vue에서 사용하는 대표적인 Router는 vue-router 라는 라이브러리가 가장 흔하..

Dev/Vue.js 2019. 3. 25. 15:47
이전 1 다음
이전 다음
최근에 올라온 글
  • 보안과 관련하여
  • 으허 프로젝트의 늪에서⋯
  • Koa + MySQL + Passport-j⋯
  • Koa + MySQL + Passport-j⋯
최근에 달린 댓글
  • 다시한번 꼼꼼히 읽어보고 찾⋯
  • 안녕하세요!! 너무너무 감사⋯
  • 덕분에 store에 대한 개념을⋯
  • ㅎㅎ 덕력이 그렇게 많은 것⋯

Blog is powered by Tistory / Designed by Tistory

티스토리툴바