준준의 기록일지

문제상황 - 로그인 버튼 클릭 -> 정상적으로 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 리턴 }..

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

ExtJS에서는 각각 아래와 같이 변수를 comonent화해서 사용할 수 있다. 1 2 3 4 5 6 7 8 9 var panel=Ext.create("Ext.Panel", { id:'errorPage', height:400, width:800, html:'Hello Ext Js', text:'abcde', renderTo:document.body, hidden:true }); Colored by Color Scripter cs 해당 컴포넌트를 사용하기 위해서는 내부에 id값을 명시하고 var errorPage=Ext.getComp("errorPage") 로 가져와서 사용할 수 있따. 객체 조회 참고 사이트 m.blog.naver.com/PostView.nhn?blogId=h9911120&logNo=50..