본문 바로가기

HTML Javascript css15

[HTML + CSS] jquery validate input 태그 비밀번호 조합 설정 1. 목적 회원가입이 최근에 다양한 방법의 문자조합을 가지고 있습니다. 비밀번호를 SHA-256으로 암호화 하여 복호화가 힘들게 하였으나 빅데이터로 인하여 간단한 조합으로 만들어진 비밀번호는 복호화가 가능합니다. 최근 많은 웹페이지 회원가입에 영문자 뿐만이 아닌 숫자나 특수문자를 추가하라는 문구를 많이 보셨을 겁니다. 간단하게 만든 비밀번호는 복호화로 원래 비밀번호가 무엇인지 파악 가능하며 매크로 프로그램을 통해 암호가 유출될 수 있습니다. 개인정보 유출을 막기위하여 회원가입에 필수적으로 input Tag에 숫자와 특수문자를 추가하도록 만들어 보겠습니다. 2. 설정방법 이전에 jquery를 이용하여 유효성 검사에 추가하여 만들어 보았습니다. 이번에 설정하시면서 jquery validate 검사 방법까지 .. 2018. 3. 22.
[HTML + CSS] DIV 태그 1:3:1 분할 #container { display: flex; } #box-left { background: red; flex: 1; } #box-center { background: orange; flex: 3; text-align: center; } #box-right { background: yellow; flex: 1; text-align: right; } 왼쪽 가운데 오른쪽 flex라는게 안드로이드의 weight랑 같은 기능이네요 출처 : http://zetawiki.com/wiki/HTML_div_3%EA%B0%9C_%EC%99%BC%EC%AA%BD-%EA%B0%80%EC%9A%B4%EB%8D%B0-%EC%98%A4%EB%A5%B8%EC%AA%BD_%EB%B0%B0%EC%97%B4 2018. 1. 25.
[HTML + CSS]link 태그 css 반영 안될 경우 저는 Spring framework 에서 Web을 개발중인데 jsp 파일에 css 파일을 link 하고 css를 수정하였는데 was에서 수정하지 않고 이전 화면만 띄워주니.. 답이 없었습니다. 수정하고 테스트했는데 바뀌지도않고 다시 수정하고 지우고 반복하다가 결국 꼬여서 삽질을 하게 만들었죠. WAS에서 동기화처리를 늦게 반영하는 것 같습니다.(서버를 다시시작했는데도 그러니 짜증) 이럴 경우 link된 css파일을 다음과 같이 수정해줍니다. css link 태그를 다음과 같이 수정해 줍니다. 이후에 서버재시작 이후 테스트해보세요. 2018. 1. 25.
[HTML + CSS] Firebase 를 이용한 Google 로그인 연동(Web) 구글 로그인 연동 부분이 Firebase 기반 정보가 많이 없습니다.. 검색하다 정리 잘되어 있는 곳을 발견하였습니다. https://www.slideshare.net/sungbeenjang/firebase-for-web-2-authentication 들어가셔서 ppt에 따라 연동하시면 될 것 같습니다. 2018. 1. 11.