JUNGKIMHOON

MOMENT.JS 날짜에 관한 계산, formatting적용에 moment.js를 사용한다고 한다. 설치 npm install --save vue-momentjs npm install --save moment 적용 (main.js) import moment from 'moment'; import VueMoment from "vue-momentjs"; Vue.use(VueMoment, moment); 적용이 완료되었다. 사용 {{ $moment(movie.writeDate).format('YYYY-MM-DD') }} 데이터의 날짜 형식을 적용. {{$moment().format('YYYY-MM-DD')}} {{$moment(item.dateTime).format('YYYY-MM-DD')}}

1. vue-infinite-loading 설치 npm install vue-infinite-loading -S 2. 코드 {{ movie.id }} {{movie.writerName}} {{ movie.subject }} axios를 통해 Spring Boot 백엔드의 movie 데이터를 받아서 스크롤링한다. spinner => default, spiral, circles, bubbles, waveDots 5가지

Mutation state를 직접적으로 참조 (컴포넌트에서 직접 Mutation commit 가능) Action 비동기 처리, Axios 사용할 때 제대로 공부 안하고 써먹었다가 개고생했다.... 휴우...

CORS(Cross-Origin Resource Sharing) 교차 출처 리소스 공유 SOP(Same-origin policy의 반대 개념) 다른 출처의 자원을 공유할 수 있도록 설정하는 권한 체제 따라서 CORS를 설정해주지 않거나 제대로 설정하지 않은 경우, 원하는 대로 리소스를 공유하지 못한다. 백앤드와 프론트의 포트넘버가 다를 때 발생한다고 한다. 네이버 API, RIOT API 등 외부 API를 다룰 때 프런트에서 직접적으로 데이터를 요청할 때도 발생한다. (백엔드에서 요청받아 프런트로 넘겨줘야 한다.) Configuration 적용 @Configuration @EnableWebSecurity @EnableGlobalMethodSecurity(prePostEnabled = true) publi..

LEVEL 0 - http://server/getPosts - http://server/deletePosts - http://server/doThis LEVEL 1 적절한 uri를 사용 - http://server/accounts - http://server/accounts/10 BUT improper use of Http methods LEVEL 2 LEVEL1 + HTTP Methods LEVEL 3 Level2 + HATEOAS DATA + NEXT POSSIBLE ACTIONS * HTTP Methods GET POST PUT DELETE * 안전한 URI 설계 필요 * 복수형 URI 설계 - /users (/user X) - /users/1 (/user/1 X)

쏘 마치 에너지