개발(라이브러리,프레임워크)79 router 설정 Router 라우터 구성 라이브러리 설치 > npm i vue-router --save (TIP!!) package.json "dependencies": { "core-js": "^3.6.5", "vue": "^2.6.11", "vue-router": "^3.5.2" }, 웹을 실행시키는데 필요한 비즈니스 로직 또는 앱의 동작을 담당한다. 배포할때도 포함해야하는 라이브러리 vue 설정 import Vue from 'vue' import App from './App.vue' import VueRouter from 'vue-router'; Vue.config.productionTip = false Vue.use(VueRouter); const router = new.. 2021. 7. 21. ESlint ESlint ESlint 설정을 끄는 방법 /* eslint-disable */를 컴포넌트 마다 넣어주는것 각 컴포넌트 마다 넣어주는건 비효율적임 ! vue.config.js 생성 module.exports = { lintOnSave: false //설정함 } https://cli.vuejs.org/config/#lintonsave 참고 조건에 맞지않으면 error를 출력해라 "preittier/prettier": ['error', { printWidth: 80 }]jsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "~/*": [ "./*" ], "@/*": [ "./src/*" ], } }, "exclude": [ "node.. 2021. 7. 6. Interceptor에서 예외처리 구현 exception/패키지 안에 .. Interceptor은 api요청들어올때 처리해주는 가장 앞단이기 때문에 잘못된 값일때 예외처리를 따로 해주어야한다. 각각 AccessDeniedException / RuntimeException / Exception 로 비교하여 에러 메세지가 떨어지게 만들었다. RuntimeException.java @Getter public class InterceptorException extends RuntimeException { private InterceptorExceptionEnum error; public InterceptorException(InterceptorExceptionEnum e) { super(e.getMessage()); this.error = e; } .. 2021. 7. 4. 로그인 세션관리 구현(Interceptor, jwt 토큰) 잊지 않기위해 저장저장 jwt 토큰 발급해 세션 저장하는 로직 구현 세션은 redis에 저장한다. 세션 하루 만료 기준! 세션이 발급되면 jwt토큰값은 모든 API를 헤더값에 넣어서 보내준다. 만료되면 다시 발급요청! 하기 AuthInterceptor.java @Component @Slf4j public class AuthInterceptor implements HandlerInterceptor { @Autowired private JwtUtil jwtUtil; @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { String jw.. 2021. 7. 3. 이전 1 ··· 7 8 9 10 11 12 13 ··· 20 다음 반응형
