I'm sw engineer!

특정 속성에 접근할 때, 해당 속성이 null또는 undefined오류를 방지 🚀 즉, ?.당신을 사용하면 존재하는지 확인하는 if방법 없이 안전하게 속성에 접근할 수 있습니다!const obj = { user: { name: "Alice", age: 25 }};// 일반적으로 속성 접근console.log(obj.user.name); // 출력: "Alice"// 존재하지 않는 속성에 접근 (오류 발생)// console.log(obj.user.address.street); // ❌ TypeError: Cannot read properties of undefined (reading 'street')// ✅ 옵셔널 체이닝 사용console.log(obj.user...

내용 보기 / 숨기기 이 부분은 클릭하면 나타나고 다시 클릭하면 숨겨집니다. 2️⃣ 설명data-bs-toggle="collapse":클릭하면 해당 요소의 collapse기능을 활성화합니다. => 헤드 설정data-bs-target="#collapseExample": 숨기거나 참여대상 요소를 id입력합니다. => 숨기거나 표시할 body 의 id 작성: 숨길 요소를 감싸는 것 div. => 숨기거나 표시할 body에 class 와 id 정하기

$div.data(item); 📌 왜 사용할까요?데이터의 분류 및 분류item저장소 DOM 요소(`$div)에 저장하면, 이후 이벤트가 발생합니다.예를 들어, 클릭 이벤트 $(this).data()를 사용하여div에그디데이터DOM 조각 없이 데이터를 활용data-*속성 사용자예시 $('.accordion-item-wrap').on('click', function() { const itemData = $(this).data(); console.log(itemData); // 클릭한 div에 저장된 item 객체 출력}); 🔍예제 코드items.forEach((item) => { const $div = $(''); const html = this._dataConverter(item)..

JSON_CONTAINS()는JSON 배열은 거기에 특정 값이 존재하는지 확인하는 함수 입니다. 쉼표FIND_IN_SET()다르게, 정규화된 JSON 데이터를 사용할 때 유용 합니다. 📌 사용법JSON_CONTAINS(target, candidate[, path]) target:동작candidate:찾다path($.key_name형태)✅ JSON 배열 찾기SELECT JSON_CONTAINS('[1, 2, 3, 4]', '3'); 결과: 1 ( 3이 배열에 존재)SELECT JSON_CONTAINS('[1, 2, 3, 4]', '5');결과: 0 ( 5가 배열에 없음) ✅ WHERE 에서 활용예: 특정 사용자의 역할(role)이 포함된 데이터 찾기SELECT * FROM users WHERE JSON_..

FIND_IN_SET()함수는 MySQL에서 사용되는 문자열 검색으로 함수, 특정 값이 쉼표(,)로 구분된 문자열 목록 안에 존재하는지 확인하는 데 사용됩니다. 이 함수는 주로 데이터베이스를 기준으로 하는 CSV(Comma-Separated Values) 형식으로 저장될 때 유용합니다. 📌 사용법FIND_IN_SET(needle, haystack)needle: 검색할 값 (찾고자 하는 단일 값)haystack: 쉼표(,)로 구분된 문자열 목록이 함수는 needle내 haystack에서 몇 번째 위치(index)에 있는지를 반환합니다. 그렇다면 needle이 haystack에 없으면 0, NULL이 외에는 NULL반환하겠습니다. 📌 실험✅ 기본 사용SELECT FIND_IN_SET('b', 'a,b,c..

// HTML 태그 제거 및 줄바꿈 처리 let text = data .replace(/]*>/g, "\r\n") // → 개행 문자로 변환 .replace(/]*>/g, "") // 모든 HTML 태그 제거 .replace(/ /g, " ") //  를 공백으로 변경 .trim(); // 앞뒤 공백 제거

변형되지 않는 현상 발생.기존 코드.replace(//g, "\r\n") // → 개행 문자로 변환 변경 코드.replace(/]*>/g, "\r\n") // 태그(속성 포함) → 개행 문자로 변환

$('#example').DataTable({ responsive: { details: false }});의미:responsive: DataTables에서 화면 크기에 따라 자동으로 컬럼을 숨기거나 표시하여 반응형 UI를 지원하는 옵션입니다.details: false: 반응형 처리 시 숨겨진 컬럼에 대한 추가 상세 정보 표시를 비활성화합니다.동작 방식:responsive가 활성화되면 화면 크기가 작아질 때 일부 컬럼이 숨겨질 수 있습니다.기본적으로, 숨겨진 컬럼의 데이터는 클릭 시 + 버튼을 눌러 상세 보기(details 기능)에서 확인할 수 있습니다.details: false를 설정하면 이 상세 보기 기능이 비활성화되어, 숨겨진 데이터가 아예 표시되지 않습니다.  기본 설정 (d..

if (this.$table.dataTable().fnSettings().fnRecordsDisplay() > 0) { // Execute logic if there are records displayed}this.$table.dataTable()DataTable 인스턴스를 초기화하거나 검색합니다..fnSettings()DataTables의 내부 설정 개체를 가져옵니다..fnRecordsDisplay()적용된 필터를 고려하여 현재 표시된 레코드 수를 반환합니다.

❌ Optional을 필드에 사용하지 말 것class User { private Optional name; // ❌ 권장되지 않음}✔ Optional은 메서드 반환 타입으로 사용해야 함✔ 필드에는 null 대신 기본값을 사용하는 것이 더 효율적 필드에는 사용하지 말고, 메서드 반환 타입으로만 활용하는 것이 바람직함