ZeroBin`s 개발일지

CDN 서버를 통해 이미지를 가져오던 중 해당 서버에 요청한 이미지가 없을 경우 기본 이미지를 지정하기 위해 onerror 속성을 사용합니다. 이번 포스팅에서는 onerror 이벤트를 javascript 에서 핸들링 하는 방법에 대해 가볍게 작성하였습니다1. img 태그 작성th:onerror 에 함수를 지정하고 파라미터 값으로 속성(th:baseCd)을 넘깁니다. 2. 스크립트 작성함수 내부에서 추가적인 작업을 진행하고 img 의 src를 지정할 수 있습니다.감사합니다.

주민번호로 성별과 만나이를 구하는 함수를 간략하게 작성하였습니다.1. 성별 가져오기// ssno = 9412201234567 형식function getGender(ssno) { // 주민등록번호 형식을 확인하는 정규 표현식 var regex = /^[0-9]{6}(?:0[1-9]|1[0-2])(?:0[1-9]|[1-2][0-9]|3[0-1])[0-9]{6}$|^[0-9]{7}(?:0[1-9]|1[0-2])(?:0[1-9]|[1-2][0-9]|3[0-1])[0-9]{3}$|^[0-9]{13}$/; // 주민등록번호 형식이 맞는지 확인 if (!regex.test(ssno)) { console.log('올바른 주민등록번호 형식이 아닙니다.'); return 'E'; } // 성별 추출 ..

SpringBoot 프로젝트에서 인터셉터를 통해 간단하게 LoginCheck 어노테이션을 만드는 방법에 대해 알아보겠습니다. 1. 인터페이스생성import java.lang.annotation.ElementType;import java.lang.annotation.Retention;import java.lang.annotation.RetentionPolicy;import java.lang.annotation.Target;/** * 로그인 체크 */@Retention(RetentionPolicy.RUNTIME)@Target(ElementType.METHOD)public @interface LoginCheck { boolean required() default false; // 로그인 체크 필수 여부}@R..

동적계획법 DP(Dynamic Programming)이란 프로그램의 실행에 필요한 메모리를 할당하는 기법을 의미합니다.동적계획법 DP 의 예제 중 가장 유명한 피보나치수열을 예로 들어보겠습니다.1. 재귀 코드public class Fibonacci { public static void main(String[] args) { int n = 10; // 피보나치 수열의 항 번호 for (int i = 1; i 위와 같이 재귀 함수를 이용하면 같은 함수를 중복 호출하기 때문에 시간복잡도 O(2^n)을 갖게 됩니다.  2. DP 코드public class FibonacciDP { public static void main(String[] args) { int n ..

화면 개발을 하다 보면 공통 스크립트 및 스타일을 작성합니다. 3. 사용 ...각 페이지 상단에 th:replace 를 입력합니다.감사합니다.

Spring MVC 프로젝트에서, 한글 깨짐 현상은 다양한 이유로 발생합니다. 아래 설정을 확인해 보시고 알맞은 방법으로 해결해 봅시다.1. web.xml 확인 encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true encodingFilter /*web.xml 파일의 encoding 설정이 UTF-8로 되어 있는지 확인합니다. 2. JSP contentType 확인charset과 pageEncoding 이 UTF-8로 되어 있는지 확인합니다. 3. Workspace encodi..

오라클 DB의 문자셋을 확인하고 변경하는 방법에 대해 공유합니다.문자셋을 변경하기에 앞서, 데이터베이스에 데이터가 있다면 문자셋 변경은 위험한 작업이 될 수 있으니 이 점 유의 부탁드립니다.1. Charset 확인 쿼리SELECT * FROM nls_database_parameters WHERE parameter = 'NLS_CHARACTERSET';한글지원 가능한 문자셋KO16KSC5601 : 완성형 한글KO16MSWIN949 : 조합형 한글AL32UTF8 : Unicode CES 2. Charset 변경 쿼리cmd > sqlplus sysdbasql > update props$ set value$='KO16MSWIN949' where name='NLS_CHARACTERSET';sql > update ..

이번엔 ElasticSearch 계정 생성하는 방법에 대해 공유하고자 합니다.1. 설치 경로 이동"ElasticSearch 설치 경로 > bin으로 이동"2. 아이디 생성"elasticsearch-users useradd 유저명" 입력삭제는 userdelelasticsearch-users useradd 유저명3. 비밀번호 입력비밀번호 입력(최소 6자리)4. 계정 확인계정생성이 완료되면 "설치경로 > config > users" 파일에서 확인가능합니다.5. 계정 권한 부여권한 삭제는 -relasticsearch-users roles cyb -a superuser6. 계정 권한 확인계정 권한이 완료되면 "설치경로 > config > users_roles" 파일에서 확인가능합니다.감사합니다.

오늘은 SpringBoot 3.2.5 + Kotlin + Thymeleaf를 이용하여 유튜브 API 사용방법에 대해 작성하고자 합니다. 프로젝트 생성 및 유튜브 API 키 생성은 아래 글을 참고해 주세요. - [IntelliJ] SpringBoot + Kotlin 프로젝트 생성하는 방법  - [기타] Youtube Data API v3 사용방법 1. api-key 입력application.yml 파일에 api-key 값을 입력합니다.youtube: api-key: 발급받은 API Key2. 라이브러리 추가build.gradle.kts로 관련 API를 다운로드합니다. 버전은 본인 상황에 알맞게 설치하시면 됩니다.implementation("com.google.api-client:google-api-cli..

오늘은 Youtube 에서 제공하는 API 사용방법에 대해 공유하고자 합니다.1. GCP 프로젝트 만들기GCP 프로젝트 생성 사이트 접속하여 프로젝트를 생성합니다.2. 인증 정보 탭 이동"사용자 인증 정보 탭"으로 이동하여 "사용자 인증 정보 만들기" > "API 키" 클릭합니다.3. 키 생성완료4. 서비스 검색"사용 설정된 API 및 서비스" 탭으로 이동하여 검색창에 "Youtube" 를 입력합니다.5. Youtube API 클릭"Youtube Data API v3" 제품을 클릭합니다.6. 사용 버튼 클릭7. API 호출https://www.googleapis.com/youtube/v3/videos?part=snippet&chart=mostPopular&maxResults=10&key=발급한Key  감..