[JQuery] 선택된 라디오 버튼만 checked 되게 설정하기

2023-09-07 1. 방법 prop 를 사용해 우선 해당 클래스의 버튼들을 checked false로 만든 이후 선택된 라디오 버튼만 checked 로 만들면 된다. Option 1 Option 2 Option 3 2. JavaScript로 가져오는 방법 https://seeminglyjs.tistory.com/526 [JavaScript] 선택된 라디오 버튼만 checked로만들기 2023-09-07 1. 방법 prop 를 사용해 우선 해당 클래스의 버튼들을 checked false로 만든 이후 선택된 라디오 버튼만 checked 로 만들면 된다. Option 1 Option 2 Option 3 2. JQuery 가져오는 방법 https://seeminglyjs.tistory. seeminglyjs..

• format_list_bulleted WEB/jQuery
• · 2023. 9. 7.
• textsms

[TypeScript] Type 'bigint' is not assignable to type 'ReactNode' 해결 방법

2023-08-20 1. 원인 "Type 'bigint' is not assignable to type 'ReactNode'" 오류는 일반적으로 TypeScript와 React를 함께 사용할 때 발생하는 문제입니다. 이 오류는 ReactNode 타입과 bigint 타입 간의 호환성 문제를 나타내는데, ReactNode는 React 컴포넌트가 반환하는 모든 유형의 요소를 나타내는 데 사용되는 TypeScript 타입입니다. 해당 오류는 주로 JSX나 컴포넌트에서 bigint 타입의 값을 ReactNode로 사용하려고 했기 때문입니다. 2. 방법 아래의 두가지 방식으로 해결 할 수 있습니다. const myBigInt: bigint = BigInt(1234567890); // ... {myBigInt.toS..

• format_list_bulleted WEB/TypeScript
• · 2023. 8. 20.
• textsms

[Spring] boot DataSource미사용 처리 하는 방법

2023-08-07 1. 오류 SpringBoot의 별다른 설정없이 최초 실행하면 아래와 같은 오류가 발생하는 경우가 있다. 이 오류는 Spring Boot 애플리케이션이 데이터베이스 연결 구성을 찾을 수 없을 때 발생한다. 기본적으로 Spring Boot는 데이터베이스 연결 설정을 기대하며, 이에 대한 구성이 없을 경우 해당 오류가 발생한다. *************************** APPLICATION FAILED TO START *************************** Description: Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be conf..

• format_list_bulleted WEB/Spring
• · 2023. 8. 7.
• textsms

[JavaScript] 즉시 실행 함수 표현(IIFE) 알아보기.

2023-07-29 1. 정의 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 Javascript Function 를 말한다. 이는 Self-Executing Anonymous Function 으로 알려진 디자인 패턴이고 크게 두 부분으로 구성된다. 첫 번째는 괄호((), Grouping Operator)로 둘러싸인 익명함수(Anonymous Function)이다. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부안으로 다른 변수들이 접근하는 것을 막을 수 있는 방법이다. 두 번째 부분은 즉시 실행 함수를 생성하는 괄호()이다. 이를 통해 자바스크립트 엔진은 함수를 즉..

• format_list_bulleted WEB/JavaScript
• · 2023. 7. 29.
• textsms

[JavaScript] 자바스크립트를 . . . 로딩 함수 만들기

2021-06-29 1. 방법 정해진 interval 마다 분기 처리를 하면 로딩효과를 낼 수 있다. // 동적으로 내용 변경하는 함수 function updateDynamicContent() { let testSpan = $('.testSpan'); let currentContent = testSpan.text(); if (currentContent === '.') { testSpan.text('. .'); } else if (currentContent === '. .') { testSpan.text('. . .'); } else { testSpan.text('.'); } } // 0.3초마다 내용 변경 setInterval(updateDynamicContent, 400); 메인 이미지 출처 : 사진:..

• format_list_bulleted WEB/JavaScript
• · 2023. 6. 29.
• textsms

[JavaScript] 자바스크립트 disabled 제어 방법(조회/추가/삭제)

2023-06-28 1. 방법 자바스크립트를 통해 특정 태그의 disabled를 조회하고 이를 추가하거나 제거하는 방법을 공유한다. // 요소의 disable 속성을 추가하는 함수 function addDisableAttribute(elementSelector) { let element = document.getElementById(elementSelector); if (element) { element.disabled = true; } } // 요소의 disable 속성을 제거하는 함수 function removeDisableAttribute(elementSelector) { let element = document.getElementById(elementSelector); if (element) { ..

• format_list_bulleted WEB/JavaScript
• · 2023. 6. 28.
• textsms