본문 바로가기

전체 글39

Spring Boot 텍스트 Captcha 적용 방법 * Captcha 란?Captcha는 웹사이트와 온라인 서비스의 안전성을 유지하기 위해 필수적인 도구입니다. 사용자가 실제 사람인지 확인함으로써 여러 문제를 예방하고 해결하는 데 중요한 역할을 합니다.Captcha의 주요 목적은 스팸 봇이나 자동화된 프로그램이 무분별하게 접근하지 못하도록 차단하거나 로그인 등의 중요한 작업에서 악용을 막아 보안을 강화합니다. * Captcha 종류Captcha는 크게 3가지 종류로 나뉩니다.텍스트 Captcha: 왜곡된 글자나 숫자를 사용자에게 보여주고, 이를 입력하게 합니다.이미지 Captcha: 여러 개의 이미지 중 특정 조건에 맞는 이미지를 선택하게 합니다. 예) "모든 자전거를 선택하세요."reCaptcha: 구글이 개발한 Captcha로, 단순히 텍스트를 입력하.. 2024. 8. 16.
[JQuery] 뒤로가기 접근 시 이벤트 뒤로가기로 페이지 접근 했을 때, BFCache 이슈가 생기면 여러가지 방법으로 처리 가능합니다. Spring에서 HttpServletRespose을 사용하여 no-cache 처리할 수도 있고, Html 상에서 no-cache 설정할 수도 있지만 간단하게 아래처럼 스크립트에서 처리했습니다. $(window).bind("pageshow", function(e){ if(e.persisted || (window.performance && (window.performance.navigation.type == 2))) { // 여기에 로직 작성 } }); window.performance.navigation.type == 2 / 뒤로가기 (BFCache 사용) 2023. 11. 17.
[JQuery] serializeObject 미동작 해결 방법 가끔가다가 serializeObject 가 제대로 동작하지 않는 이슈가 있었습니다. 아마도 태그가 제대로 안 닫혔거나 name이 제대로 없거나 하는 오류가 존재했던 것 같은데 어떨 땐 되고 어떨 땐 안 되는 게 이상합니다. serializeObject 가 제대로 동작하지 않을 땐, serializeArray로 form을 리스트로 가져온 후 Object로 만들어주었습니다. var list = []; var obj = {}; var cnt = 0; var array = $("#form").serializeArray(); array.forEach(function(data, idx){ if(data.name.split('.')[0].indexOf(cnt) == -1){ list.push(obj); obj = {.. 2023. 11. 15.
[JAVA] charset에 따른 bytes 길이 구하기 Java에서 문자열의 바이트를 가져와서 문자열을 substring 해주는 기능을 만들었는데 로컬에선 정상적으로 작동하지만 운영에서는 기능이 작동하지 않았습니다. 해당오류는 문자열의 바이트를 가져올때 길이가 로컬과 서버가 달라서 발생한 오류입니다. tempStr.getBytes().length; 로컬은 utf-8인데 서버는 euc-kr 으로 charset이 달라서 발생한 이슈로 utf-8로 인코딩해주면 정상적으로 계산됩니다. tempStr.getBytes("utf-8").length; 또는 tempStr.getBytes("euc-kr").length; ※ 참고 utf-8 : 한글 3바이트 / 영문, 숫자, 공백, 특수문자 1바이트 euc-kr : 한글 2바이트 / 영문, 숫자, 공백, 특수문자 1바이트 2023. 5. 29.
[Javascript] 숫자를 한글로 표현하기 숫자를 읽기 쉽게 한글로 표현해보려고 합니다. 숫자를 한글로 변경하려면 우선 Array에 '조'까지 변환할 수 있게 변수 hanA와 danA를 추가해줍니다. 그 외 필요한 변수들도 추가합니다. var numFull = document.getElementById("nubmer").value; var hanA = new Array("","일","이","삼","사","오","육","칠","팔","구","십"); var danA = new Array("","십","백","천","","십","백","천","","십","백","천","","십","백","천"); var result = ""; var num = ""; var below = ""; var str = ""; 정수를 한글로 변경하는 방법 입니다. for(.. 2023. 5. 25.
반응형

티스토리툴바