준준의 기록일지

Hi, Today we are going to talk about how to upload or set configuration of application.yml to Heroku. my application as backend(springboot) and frontend (vue.js) was working properly in local. But, I got into a trouble that when I deploy on Heroku my backend application. It kept occurring CORS Policy Problem on Network of Chrome DevTool. So, I tried to figure out Spring security to solve Cors po..

문제상황 - 로그인 버튼 클릭 -> 정상적으로 jwt토큰을 통한 인증이 진행 성공 -> 로그인 페이지 response값 정상 return -> 하지만 여기서 로그인 페이지가 새로고침 되면서 문제가 발생 - authenticat API는 계속 pending되고 페이지는 계속 새로고침이 되고 있다. 해결 방안 - form태그에서 @click을 쓸 경우 순환 참조가 일어난다. 이에 preventDefault로 방지하거나 form 태그를 사용하면 안된다. 개요 vue.js로 사이드 프로젝트를 진행중입니다. 로그인 페이지는 제외하고 작업하는 도중 로그인을 통한 인증/인가가 필요하게 되어 로그인 페이지를 구현했습니다. 인증 방식은 jwt 토큰 방식으로, spring security에서 secret키를 이용해 tok..

Vue Instance - vue에서 제공하는 api로 개발하기 쉽게 기능들을 제공하는 것 - new Vue({ el : '#app' }); - #app은 body태그 안에서 app이라는태그를 찾아서 인스턴스를 붙이겠다는 의미! - 그리고 인스턴스 안에 data를 정의하면 data안에 속성들도 사용 가능하다. 그럼 왜 인스턴스를 생성하고 사용하는가? 전역 컴포넌트 선언 방법 Vue.component('컴포넌트 이름', 컴포넌트 내용) - 위와 같이 선언한 뒤 으로 사용 가능하나, 전역으로 컴포넌트를 쓸 일은 거의 없다. - 보통 서비스를 구현할때 플러그인이라 라이브러리로 전역으로 사용하는 것에 대해서만 사용한다. 지역 컴포넌트 선언방법 new Vue({ el : '#app', components : {..

@dbclick:row 더블클릭 시 선언한 showRowInfo 함수 호출 - 호출할때 파라미터, 즉 로우데이터를 가져오는 부분을 못찾았는데, 아래 출처를 통해서 정보를 얻었다. item을 가져와서 items에 대한 index정보와 선택한 row에 대한 데이터를 Object.assign({},item)으로 가져올 수 있었다. 추가로 @context:row 우클릭 시 함수를 호출 가능하다. 이때 v-menu를 숨겨놓고 true/false로 제어가 가능하다. 소스코드 vue template 1 2 3 4 5 6 7 8 9 10 11 Colored by Color Scripter cs JS script 1 2 3 4 5 6 7 showRowInfo (event, { item } ) { console.log(i..