728x90 자바스크립트7 리캡챠(Recaptcha)란? 리캡챠는 웹사이트 제공자들이 봇 및 악성 프로그램으로부터 자신들의 사이트를 보호하기 위해 구글이 제공하는 무료 도구입니다. 사용자는 웹 사이트에서 '인간'임을 증명하기 위해 특정 과제를 완료해야 합니다.리캡챠의 주요 목적은 자동화된 공격, 스팸 게시물, 부정 로그인을 차단하는 것입니다. 리캡챠는 단순히 비밀번호를 입력하거나, 이미지를 선택하는 식으로 프로그램을 만들어 인간과 로봇을 구별하게 돕습니다.리캡챠의 작동 방식리캡챠의 방식은 다음과 같습니다: 문제 해결: 사용자는 특정 문제를 해결해야 합니다. 예를 들어, 지시된 이미지를 클릭하거나, 문자열을 입력하는 등의 작업이 있습니다. 디바이스 평점: 사용자의 행동을 모너터링하여 해당 사용자에게 리캡챠를 요청할 필요성이 있는지를 판단합니다. 예를 들어, .. 2025. 4. 11. 최신 자바스크립트 기술: 배열에서 람다식 활용하기 현대 웹 개발에서 자바스크립트는 그 어느 때보다도 중요해졌습니다. 그 중에서도 배열 조작을 위한 람다식(화살표 함수)은 코드의 간결함과 가독성을 높이는 데 기여하고 있습니다. 이번 포스팅에서는 자바스크립트 배열에서 람다식을 활용한 여러 예제를 정리해보겠습니다.1. 기본적인 람다식 문법람다식은 '화살표 함수'라고도 불리며, 간단하게 함수를 표현할 수 있는 문법입니다. 전통적인 함수 표현식과 비교할 때 문법이 더욱 간결해집니다. 아래의 코드블럭을 통해 기본적인 문법을 살펴보겠습니다.const sum = (a, b) => a + b;console.log(sum(5, 10)); // 15위 예제에서 볼 수 있듯, 'function' 키워드 대신 화살표(=>)를 사용하여 함수를 정의할 수 있습니다.2. 배열의 m.. 2025. 3. 23. HTML Input Validation: 쉬운 방법과 예제 HTML 입력 폼의 유효성 검사는 사용자 경험을 향상시키기 위한 중요한 요소입니다. 본 포스트에서는 HTML5의 내장 유효성 검사 기능을 사용한 간단한 Input Validation 폼 예제를 소개하겠습니다.1. HTML5의 유효성 검사HTML5에서는 input 요소에서 type 속성을 사용하여 다양한 형식의 데이터를 검증할 수 있습니다. 예를 들어, 이메일, URL, 숫자, 날짜 등 다양한 형식을 쉽게 지정할 수 있습니다. 사용자가 잘못된 형식의 데이터를 입력할 경우 브라우저가 기본적으로 경고 메시지를 표시합니다.2. 유효성 검사를 활용한 간단한 예제다음은 간단한 회원 가입 폼의 예제입니다. 이 폼에는 이름, 이메일, 비밀번호, 비밀번호 확인 필드가 포함되어 있습니다. 회원가입 폼 .. 2025. 3. 18. 자바스크립트 ES6 let, const keyword 자바스크립트 ES6의 let, const에 대해 알아보도록 하겠습니다. 'let', 'const' keyword JS ES5 이전에는 변수를 선언할 때 'var'로 통일하였습니다. 문제점도 많았죠. 1 2 var abc = "1234"; var abc = "12345"; // O 가능 cs var로 변수를 재선언시에는 해당 코드는 문제없이 허용되었습니다. 1 2 test = 1 var test = "1234" // O 가능 cs 또한, 해당 문법 또한 호이스팅(Hoisting)으로 허용되었습니다. (함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 범위 최상단으로 끌어올리는 것) (어쩌면, 문제점보단 이점으로 보았을지도 모르지만요.) ES6의 let과 const는 달라졌습니다. 1 2 3 4 5 let.. 2021. 5. 17. 자바스크립트 ES6 '=>' 화살표 문법 (Arrow function) 안녕하세요. 새해 첫글 이네요. 2019년 다들 새해복 많이 받으시길 바랍니다. ^^ 오늘은 간단하게 자바스크립트 '=>'로 된 문법에 대해 알아보도록 하겠습니다. 먼저 '=>' 해당 문법의 경우는 화살표 함수(Arrow function) 라고 부릅니다. 간단히 자바스크립트에 대해 이야기를 하고 가도록 하겠습니다. 자바스크립트? ECMAScript? 넷스케이프사에서 만든 브라우저에서 동적인 요소를 구현을 위해 1995년에 개발된 스크립트가 '자바스크립트' 입니다. 그렇다면 여기서 왜 자바스크립트가 중요한지 말씀을 드리겠습니다. 자바스크립트를 다른 웹브라우저에서 지원을 받기 시작하면서, 표준 규약이 필요하였습니다. 그것을 ECMA국제기구에서 하였구요. 그렇게 됨으로써, ECMAScript가 탄생하게 되었습.. 2019. 1. 9. JavaScript 타임스탬프->날짜변환(Date) / 숫자형 3자리단위 콤마(,) 찍기 안녕하세요. 요즘은 JSTL 혹은 서버에서 페이지로 넘어올때 날짜변환이 이루어져 넘어오는경우가 많습니다. 하지만, 특수한 상황에는 꼭 자바스크립트에서만 처리를 해야 할 경우가 발생하는데요. 저도 자주 까먹어서 공유 및 기록차 포스팅을 하게되었습니다. 추가적으로 자바스크립트로 숫자형 3자리마다 콤마를 찍는 방법 또한 포스팅을 시작하겠습니다. 타임스탬프를 날짜로 변환하기 먼저 샘플 타임스탬프 값을 가져왔습니다. 1545269785000 현재 시간을 샘플로 타임스탬프로 뽑아보았구요. 이 값을 이제 날짜형식으로 변경하는 샘플 입니다. 123var timestamp = 1545186677000;var date = new Date(timestamp);console.log(date);cs 타임스탬프 값을 Date 내.. 2018. 12. 20. 이전 1 2 다음 728x90
