[Vue.js] Post Add Page and function 추가
Post Add Page 이동 버튼 생성 MainPage.vue에 router-link를 추가 후 to는 “/add”로 바꿔준다. MainPage.vue <router-link to="/add" class="create-button"> <i class="ion-md-add"></i> </router-link> 아이콘은 아이오닉 아이콘으로 설정한다. pubilc/index.html에서 헤드에 링크를 추가해놨다. public/index.html <link...
[Vue.js] 중간 정리
중간 정리 지금까지 진행한 내용 정리 1. 개발환경 설정 개발 툴 및 필요 프로그램 설치 API 서버 프로젝트 클론 2. Vue CLI 프로젝트 생성 Prettier ESLint jsconfig 3. 뷰 라우터...
[Vue.js] API 분할
api 함수들이 대부분 api/index.js에 들어있는 관계로 기능에 따라 분리하려 한다. instance 분리 지금의 로그인, 회원가입, 게시글 조회와 게시글 추가 함수들이 create instance 할 때 모두 인증값을 interceptor에 저장해 보낸다. 그런데...
[Vue.js] Post Item 모듈화
가져온 노트 데이터의 부분을 컴포넌트로 나누려고 한다. components/안에 posts/폴더 생성 후 PostListItem.vue를 만든다. <li>부분을 가져온 후 <template></template>안에 넣는다. <li v-for="postItem in postItems" :key="postItem._id">여기서 postItems data와 data가져오는 함수는 없으므로 일단 지워주고...
[Vue.js] Swagger API로 노트 데이터 생성과 조회
Swagger Api 문서 Swagger Api (서버 localhost:3000포트에서 실행중)에서 노트 데이터 조회테스트를 위한 임시 노트 데이터를 만든다. 테스트할 ID의 인증 토큰을 Authorize버튼을 눌러 인증을 해준다. 해줘야 해당 테스트할 유저에게 노트 데이터를...