[Vue] Router를 이용해서 페이지 전환하기 01. Vue Router 01) Router라운터는 브라우저에서 웹 페이지 이동할 때 화면을 전환하는 기능페이지를 이동할 때 서버에 요청하여 새로 갱신하는 것이 아니라 미리 해당 페이지를 받아 화면을 바꾸는 것 (=Single Page Application)라우팅을 이용하면 화면 간의 전환을 매끄럽게 할 수 있음뷰에서는 라우팅 기능을 지원해 주는 라이브러리가 있음뷰 라우터는 브라우저를 새로고침하지 않고 페이지끼리 자유롭게 이동할 수 있음페이지를 이동할 때, 변경된 요소의 영역에 컴포넌트를 갱신해 줌 02) Vue Router 설치 npm install --save vue-router 02. 새로운 프로젝트 생성 ① 터미널에 'vue create sep14' 입력하기vue create sep14 ② .. [Vue] 반복문, 버튼 만들기 Vue를 이용해서 Board 만들기 01) 새로운 프로젝트 생성 ✏️ 터미널에서 파일을 생성할 폴더로 들어간 후 'vue create sep13' 입력vue create sep13 ✏️ Visual Studio Code에서 생성한 파일 열기 ✏️ 새 터미널 열고 'npm run serve' 입력하여 서버 구동하기 02) components에 새로운 파일 생성하기 03) BoardVue.vue 기본 설정✏️ ✏️ 값이 잘 들어오는지 확인 Vue에서 For문 사용하기 01) BoardVue.vue에서 반복문 사용해서 테이블 만들기 번호 제목 작성자 작성일 조회수 .. 이전 1 다음
