분류 전체보기
-
[js] javascript validation 체크, 필수값, 유효성 검사, 핸드폰 형식,스크립트태그 입력 방지, 공백 불가WEB/FRONT 2021. 5. 12. 16:07
이번 포스팅은 자바스크립트를 이용한 사용자 입력값 체크에 대해서 다루겠습니다. 평소 사이트를 이용할때 "비밀번호 형식에 맞지 않습니다.", "비밀번호는 3~12자리 특수문자 포함입니다.", "핸드폰 형식에 맞지 않습니다", " 비밀번호는 필수 입력값입니다.","이미 사용하는 id입니다." 등을 만날수 있습니다. 여기서는 간단한 방법으로 입력값 유효성 검사를 하는 방법을 알아보겠습니다. (자바스크립트 이벤트 blur, change등의 개념을 필요로 합니다.) 결과 미리보기 로직 유효성 검사하고싶은 tag에 class check를 넣어준다. 사용자가 입력한다. (아무것도 입력하지않고 [등록] 버튼을 클릭시 전체 유효성 체크 발동) change 또는 blur가 일어날때 유효성 검사를 한다.(태그의 id, cl..
-
[JSTL] select 태그 반복문, option selected 주기, if, forEach, radio 태그에서 checked하기WEB/FRONT 2021. 5. 10. 17:33
이번 포스팅은 jsp에서 jstl을 활용해서 select박스에 특정 option 값에 서버에서 넘어온 값으로 selected해주는 방법을 알아보겠습니다. 상세페이지에서 자주 쓰이는 기법입니다. 예) 사용자가 선택지에서 선택한 값을 보여주기 및 수정 가능한 형태 등. 관련 포스팅 2021.10.04 - [WEB/FRONT] - [JSTL] JSTL 셋팅하는법 (pom.xml, spring, eclipse, maven) 기본 select 문 음료 밀크티 라떼 아아 결과 : 맨 위에 써있는 밀크티가 선택되어져 보입니다. select 문에서 특정 option 선택하기 음료 밀크티 라떼 아아 결과 : selected 를 사용한 태그가 선택되어져 있는걸 볼 수 있습니다. select 문에서 사용하여 서버에서 값 불..
-
[JAVA ]암호화와 복호화를 활용한 간단한 콘솔 로그인 예제 3/3WEB/BACK 2021. 5. 6. 14:36
이번포스팅은 앞시간에 다뤘던 간단한 로그인 예제에다가 암호화, 복호화를 적용한 실습을 해보도록 하겠습니다. 목차 암호화와 복호화에 대하여 (feat , SHA512 예제) blumint.tistory.com/13 자바 기본 로그인 예제 blumint.tistory.com/14 자바 기본 로그인 예제 + 암호화 복호화 활용하기 전체 코드 public class LoginSHA { //salt생성 public static String Salt() { String salt=""; try { SecureRandom random = SecureRandom.getInstance("SHA1PRNG"); byte[] bytes = new byte[16]; random.nextBytes(bytes); salt = new..
-
[JAVA ]암호화와 복호화를 활용한 간단한 콘솔 로그인 예제 2/3 (자바 기본 로그인 예제)WEB/BACK 2021. 5. 6. 14:13
안녕하세요 이번에는 암호화와 복호화를 활용한 간단한 콘솔 로그인 예제 두번째 시간입니다. 여기서는 자바 기본 로그인 예제를 다루도록 하겠습니다. 지금 이 포스팅은 2번째 시간입니다. 간단한 예제이다보니 별다른 설명없이 코드로 가도록 하겠습니다. 목차 암호화와 복호화에 대하여 (feat , SHA512 예제) 자바 기본 로그인 예제 자바 기본 로그인 예제 + 암호화 복호화 활용하기 blumint.tistory.com/15 로직 구성 id입력 pw입력 -- 가입 완료--- ---로그인--- loop시작 id입력 (처음에 입력한 id값과 방금 입력한 id값이 동일한지 체크) -> 아니면 맞을때까지 다시 입력 pw입력(처음에 입력한 pw값과 방금 입력한 pw값이 동일한지 체크) -> 아니면 n회 시도 계산후 맞..
-
[JAVA ]암호화와 복호화를 활용한 간단한 콘솔 로그인 예제 1/3 (1- 암호화와 복호화에 대하여 (feat , SHA512 예제))WEB/BACK 2021. 5. 6. 12:30
안녕하세요 이번 포스팅은 java를 이용한 콘솔에서 돌려보는 간단한 로그인 예제입니다. 그저 자바 어플리케이션이 돌아가는 환경만 있으면 실습가능합니다. 포스팅도할겸 암호화 복호화 정리도 할겸 겸사겸사 작성하게 되었습니다. 전체 목차는 다음과 같고 여기는 첫번째 주제를 다루는 공간입니다. 암호화와 복호화에 대하여 (feat , SHA512 예제) 자바 기본 로그인 예제 blumint.tistory.com/14 자바 기본 로그인 예제 + 암호화 복호화 활용하기 blumint.tistory.com/15 암호화와 복호화 암호화(Encryption) 사용자 입력값 "mypw" -> "aDielfksnelk34lksdf" 복호화(Decryption) "aDielfksnelk34lksdf" -> "mypw" 사용자 ..
-
[JS] Resource interpreted as Document but transferred with MIME type application/zip 경고, 파일 다운로드 오류WEB/FRONT 2021. 5. 4. 17:37
안녕하세요 오늘은 크롬창에 경고문구(Resource interpreted as Document but transferred with MIME type application/zip )에 대해서 포스팅을 하겠습니다~! 최근에 파일 업/다운로드관련 작업을 진행하였는데 오류까지는 아니였지만 크롬 브라우저에 경고문구가 뜬걸 보고 말았습니다. 경고문구를 번역해보자면 "Resource interpreted as Document but transferred with MIME type application/zip" ↓ "문서로 해석되지만 MIME 유형 application / zip으로 전송 된 리소스" [해결 방법1] 태그에 download 추가 Export [해결 방법2] _blank 를 사용해서 새창을 열어서 다운..
-
종로 분위기 좋은 술집, 서순라길 술집, 익선동 술집,퀸즈가드 (feat 종묘)REVIEW 2021. 5. 1. 17:29
안녕하세요 오늘은 종로 (서순라길)맛집을 소개하도록 하겠습니다~! 분위기 ★★★★★ 맛 ★★★★★ 위 치 ★★★☆☆(좀 깊이 들어가야한다..) 가 격 ★★★☆☆ 친 절 ★★★★★ 총 평 ★★★★☆ "간단히 즐길수 있는 분위기 좋고 맛있는 술집을 찾고있다면 가자!!" * 방문하게된 이야기 익선동에서 저녁먹고 집가기 아쉬워서 2차 찾고있다가~ 익선동은 사람들이 너무 많아서 도저히 들어갈 수가 없었다. 그래서 산책겸 계속 걸어가다가 종묘까지 가게 되었고 우연히 그 근처에 사람들에게 많이 알려지지 않은 핫플들을 발견하게 되었다. 그중의 하나인 "퀸즈가드"! 이쁘고 맛있고 강추하는 가게이다! *가게 구성 1층, 지하1층 이렇게 두 공간으로 나뉘어져 있었지만 사장님이 곧 옥상(?)이였나 ... 암튼 ,, 영역을 확..
-
[jQuery] input 값 가져오기, select 값 가져오기, serialize() 사용WEB/FRONT 2021. 4. 30. 17:16
안녕하세요 오늘은 input 값 가져오기, select 값 가져오기 에 대한 포스팅을 진행하겠습니다! html에서 선택 or 입력된 값을 가져오는데 다양한 방법이 있습니다. 여기서는 가장 많이 쓰이고 기본적인 예제들로 알아보겠습니다! 1. select 에 사용자가 선택한 값 가져오기 Choose a pet: --Please choose an option-- Dog Cat Hamster Parrot Spider Goldfish 위와 같은 select 에서 사용자가 선택한 값을 가져오는 방법은 아래와 같습니다. $("#pet-select").val() 크롬 브라우저에 개발자 모드에서 확인을 해보면 ^ 이렇게 나오는걸 확인할 수 있습니다. 2. input 값 가져오기 Name : 위와같은 input 태그에서 ..