사용7 React reCAPTCHA v2 사용 방법 안녕하세요, 스코리아입니다. 오늘은 저번시간에 이어서 React(FE)에서 reCAPTCHA v2를 적용하는 방법에 대해서 소개해드리겠습니다. 이전 포스팅에서 구글 reCAPTCHA에 대한 소개 및 자바 스프링(BE)에서 적용하는 방법에 대해서 말씀드렸습니다. 이전 내용과 이어질 예정이니, 아래 포스팅을 꼭 참고해 주세요! [이전 내용] 스프링에서 reCAPTCHA v2 사용하기 : 바로가기 1. npm 설치 우선 react 내에 react-google-recaptcha 패키지를 설치합니다. 설치, 사용 방법 등 자세한 내용은 npm 공식 문서를 참고하세요 : https://www.npmjs.com/package/react-google-recaptcha npm install --save react-goo.. 2024. 2. 3. 스프링 reCAPTCHA v2 사용하기 [Kotlin] 안녕하세요, 스코리아입니다. 오늘은 스프링에서 Google의 reCAPTCHA v2 서비스를 사용하는 방법에 대해서 알아보겠습니다. 언어는 코틀린(Kotlin)으로 진행하겠습니다. 구글 reCAPTCHA 소개 (v2, v3) :: reCAPTCHA v2 :: - "로봇이 아닙니다" 체크 박스로 잘 알려져 있습니다. 이 체크 박스를 통해 구글 리캡챠는 사용자가 로봇인지 인간인지 판별합니다. - 이미지 도전 과제가 존재합니다. 사용자가 의심스러운 경우, 교통수단이나 가로등 등을 식별하도록 요구하는 도전과제를 보여주고, 사용자가 풀면 인간임을 확인합니다. - 다양한 서비스에서 대중적으로 v2가 사용 중입니다. :: reCAPTCHA v3 :: - v2보다 진화된 형태로 알려져 있습니다. - 웹사이트 상호작용 .. 2024. 1. 30. 자바 ArrayList 주요 메소드 정리, 사용방법 안녕하세요, 스코리아입니다. 이전 시간에는 1차원 배열과 2차원 배열 선언, 초기화 방법에 대해서 알아보았습니다. [이전 내용] 1차원 배열 선언, 초기화 방법: https://skorea6.tistory.com/14 [이전 내용] 2차원 배열 선언, 초기화 방법: https://skorea6.tistory.com/16 오늘은 자바 ArrayList 선언 방법과 주요 메소드를 사용하는 방법에 대해서 알아보겠습니다. ArrayList vs 기존 배열 기존의 배열 선언과 사용 방식은 배열의 길이를 정하고 요소의 개수가 배열의 길이보다 커지면 배열을 재할당하고 복사해야 했습니다. 즉, 배열의 요소를 추가하거나 삭제하면 다른 요소들의 이동에 따른 번거로운 구현이 필요했습니다. ArrayList는 배열의 크기(길.. 2023. 8. 23. 자바 1차원 배열 선언, 초기화 방법 (array) 안녕하세요, 스코리아입니다. 오늘은 자바에서 1차원 배열을 선언하고 초기화하는 방법에 대해서 알아본 뒤, 이를 예제를 통해 사용해 보겠습니다. 배열 (array)란? 동일한 자료형의 순차적 자료 구조 연관된 데이터를 모아서 관리하기 위한 데이터 타입 변수 vs 배열? : 변수는 한 개의 데이터를 저장한다면, 배열은 여러 개의 데이터를 저장합니다. 배열의 특징 인덱스 연산자 []를 이용하여 빠른 참조가 가능 배열의 인덱스(index)는 0부터 시작 물리적 위치와 논리적 위치가 동일 자바에서는 객체 배열을 구현한 ArrayList를 많이 활용함 배열 선언 + 초기화 (1) int[] arr1 = new int[10]; // 방법1 int arr2[] = new int[10]; // 방법2 배열은 위와 같은 .. 2023. 8. 19. 자바 싱글톤 패턴 의미, static 활용한 구현 (singleton pattern) 안녕하세요, 스코리아입니다. 오늘은 자바 static을 활용하여 싱글톤 패턴을 구현해 보겠습니다. 싱글톤 패턴은 자바 스프링의 핵심 기능 중 하나로도 등장하는데요, 싱글톤 패턴은 자바의 다양한 프레임워크에서 사용되고 있는 매우 중요한 개념입니다. 싱글톤 패턴 (singleton pattern)이란? 프로그램에서 인스턴스가 단 한 개만 생성되어야 하는 경우 사용하는 디자인 패턴 예를 들면 DB 커넥션의 경우 http 호출이 올 때마다 1개씩 생성되는 것은 비효율적이므로, 커넥션이 단 한 개만 생성된 상태로 해당 인스턴스를 공유해야 합니다. 싱글톤 패턴은 static 변수, 메소드를 활용하여 구현할 수 있습니다. 싱글톤 패턴 구현해 보기 School.java 파일을 만들고, 딱 1개의 인스턴스만 생성될 수 .. 2023. 8. 18. 자바 static 변수 뜻, 의미, 사용방법 그리고 유효범위 안녕하세요, 스코리아입니다. 오늘은 자바 static 변수의 의미와 선언/구현 방법에 대해서 알아보고 어떠한 주의사항이 있는지 알아보겠습니다. static 변수란? 여러 인스턴스에서 공통으로 사용하는 변수를 선언할 때 static 변수를 사용합니다. 즉, 모든 인스턴스가 static 변수를 공유하는 형태로 작동합니다. [예] 그러면 공통으로 사용하는 변수가 필요한 경우는 언제일까요? 여러 인스턴스가 공유하는 기준값이 필요한 경우 학생마다 새로운 학번을 생성해야 하는 경우 회사에 신입사원이 입사할 때 새로운 사번이 필요한 경우 카드 회사에서 카드를 새로 발급할 때마다 새로운 카드 번호를 발급해야 하는 경우 static 변수 선언, 사용방법 public class Student { static int ser.. 2023. 8. 17. 자바 참조 자료형 변수 정의하기, 사용 방법 (feat. 객체) 안녕하세요. 스코리아입니다. 오늘은 자바 참조 자료형 변수를 정의하여 사용하는 방법에 대해서 알아보겠습니다. 그전에 자바의 기본형 타입과 참조형 타입의 차이를 알고 계시나요? 모르고 계신다면 이 포스팅을 읽기 전에, 제가 이전에 작성했던 내용을 꼭 참고해 보시기 바랍니다! [이전 내용] 자바 기본형 타입 vs 참조형 타입 차이점 정리 https://skorea6.tistory.com/8 참조 자료형 변수의 자료형은 두 가지로 나뉩니다. 기본 자료형(기본형 타입)에는 int, long, float, double 등이 존재하고 참조 자료형(참조형 타입)에는 기본형을 제외한 모든 것이 해당됩니다. 예를 들면 String, Date, Student(객체) 등이 존재합니다. 참조 자료형은 클래스 형으로 변수를 선.. 2023. 8. 12. 이전 1 다음
