준준의 기록일지

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

vue liquor tree를 재귀함수로 호출하여 AD OU정보를 depth별로 동적으로 api로 가져오는 코드이다. 기존 코드로 작성할 경우 child를 추가할때 경로를 못찾는 문제가 있었다. 아마 다시 작성하면 문제를 해결할 수 있었겠지만, 새로운 아이디어를 생각해보기로 결정했다. 굳이, depth의 모든 item을 순회할 필요가 있었는가? item의 children이 있을때 재귀로 탐색하고, 동일한 id값이 있으면 return 없으면, 깊이 우선 탐색으로 진행하면 될 것으로 보였고, 결과는 성공이다. 기존 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 putT..

출처 : https://hodolee246.tistory.com/9

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