준준의 기록일지

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

Javscript 이메일/전화번호 유효성 검증에 대한 간결하고 좋은 코드가 있어 공유합니다. //이메일 체크 정규식 function isEmail(asValue) { var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; return regExp.test(asValue); // 형식에 맞는 경우 true 리턴 } //휴대폰 전화 체크 정규식 function isCelluar(asValue) { var regExp = /^01(?:0|1|[6-9])-(?:\d{3}|\d{4})-\d{4}$/; return regExp.test(asValue); // 형식에 맞는 경우 true 리턴 }..

이번에 사용자 포탈에 war파일을 배포해서 업데이트를 했는데, 로컬에서 브라우저로 포탈에 접속할때 기존 캐시 파일로 인해 수정이 안되는 문제가 발생했다. 로컬에서 강력 새로고침을 하면 캐시파일이 없어지고 업데이트된 js파일을 가져올 수 있지만, 이 방법은 단편적이기 때문에 근본적인 문제 해결이 필요했다. 방법 파일 경로에 임의의 쿼리스트링( 단순 인자)를 추가한다. 쿼리스트링 추가이기 때문에 실제 파일 경로나 파일명을 바꿀 필요는 없다. 이렇게 추가된 쿼리스트링 명만 바꿔도 다른파일로 인식하기 때문에 서버 관리도 편하다. css ex)

SPA : Single Page Application, 하나의 웹 페이지로 구성된 애플리케이션 ex : 페이스북, 인스타그램, 핀터레스트 HTML/CSS/Javascript로 UI를 구현한다. 웹 페이지 하나로 대부분의 것들을 처리하지만 필요에 따라 웹 서버와 통신해서 처리한다. 기존 웹 기술과의 차이 기존 웹 기술 HTTP 요청과 응답의 반복으로 구성됐다. 따라서 다른 화면으로 변경하고자 한다면 반드시 웹 서버와 통신해야 했다. SPA HTML로 많은 부분을 처리할 수 있어 필요할 때만 웹 서버와 통신하면 된다. -> 더 편리, fast SPA 단점 여러 모듈을 읽어 들이므로 초기 실행에 시간이 오래 걸린다. 또한 화면을 구성하는 첫 렌더링 때도 시간이 오래 걸린다. 물론 한 번 읽어 들인 이후에는 쾌..