준준의 기록일지

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

render : 어떤 Html을 그릴 것인가를 결정하는 함수. 리액트에서는 props나 state의 값이 바뀌면 해당되는 컴포넌트의 render함수가 호출되도록 약속되어 있다. - 즉 props나 state값이 바뀔때마다 화면이 다시 그려진다. debugger; : 만 해도 여기에 breakpoint가 걸림. {this.state.subject.title} 이부분에서 원래는 alert 팝업 페이지로 넘어가야되는데, e.preventDefault() 함수로 인해서 a태그 onClick에 대한 동작을 막는다.