준준의 기록일지

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

[React] JSON 형태로 입력 데이터 출력 JSON형태로 입력된 값들을 출력하기 위해서는 key, value값을 setState하고 JSON.stringify로 변환해줘야한다. 아래 코드를 보면 3가지 age, name, address로 input이 가능하고, form submit으로 값을 담아 window.alert로 뿌려줄 수 있다. 여기서 주의해야될 점은 input에 name을 지정해주지 않으면 this.age와 같은 값이 key값을 제대로 찾지 못한다. 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 import React, {Component} from 'react' export..