I'm sw engineer!

✅ sessionStorage vs localStorage vs cookie항목sessionStoragelocalStoragecookie유지 기간탭/창 닫을 때까지영구 (명시 삭제 전까지)만료일 설정 가능저장 용량약 5MB약 5MB약 4KB접근 범위같은 탭 내전체 브라우저전체 브라우저서버 전송 여부❌ ❌ ✅ O (자동 포함됨)용도일시적 상태 유지사용자 설정, 로그인 유지인증, 서버 통신용 식별

✅ sessionStorage란?sessionStorage는 브라우저에서 제공하는 클라이언트 측 저장소(Web Storage) 중 하나입니다.웹 페이지에서 데이터를 일시적으로, 탭(세션) 단위로 저장할 수 있게 해줍니다.📌 주요 특징항목내용저장 위치사용자의 브라우저 (클라이언트) 에 저장유효 범위현재 브라우저 탭(또는 창) 에서만 접근 가능유지 시간탭(또는 창)을 닫을 때까지 유지됨 (새로고침은 유지)데이터 형식문자열(string)만 저장 가능 (객체는 JSON.stringify로 변환 필요)저장 용량일반적으로 약 5MB (브라우저마다 다를 수 있음)보안HTTP 요청에 포함되지 않으며, 서버에 자동 전송되지 않음 ✅ 언제 사용하나요?sessionStorage는 다음과 같은 임시 데이터 저장에 적합합니다..

sessionStorage.setItem("document.referrer", ''); sessionStorage에 "document.referrer" 라는 키에 빈 문자열 '' 값을 저장합니다.하지만 document.referrer는 브라우저가 제공하는 읽기 전용 속성이라서 이런 식으로 sessionStorage에 저장한다고 해도 실제 document.referrer 값을 바꾸는 효과는 없습니다.→ 즉, 효과 없는 코드일 가능성이 높습니다. document.referrer 와 sessionStorage.setItem("document.referrer", '') 의 차이와"읽기 전용(read-only)" 속성에 대해 자세히 설명드리겠습니다. ✅ 1. document.referrer란?document.r..

✅ 문제 원인영문은 띄어쓰기(space) 기준으로 줄바꿈을 시도함.한글은 조합형 글자라서 단어 길이에 상관없이 자동 줄바꿈이 잘 됨.하지만 알파벳이 띄어쓰기 없이 계속 이어질 경우, 브라우저는 줄바꿈을 하지 않음 → 요소가 넘치거나 overflow 발생.✅ 해결 방법: CSS 적용word-break, overflow-wrap, white-space 속성 등을 조합하여 줄바꿈을 유도할 수 있습니다.div[name="tdlTtl"] { word-break: break-all; /* 단어 중간이라도 줄바꿈 허용 */ overflow-wrap: break-word; /* 긴 단어가 박스를 넘기지 않게 줄바꿈 */ white-space: normal; /* 텍스트 줄바꿈 허용 */ } 또는..

Uncaught (in promise) Error: Syntax error, unrecognized expression: ul#[object Object]원인:jQuery 선택자($(), .find(), 등)에 객체(Object)를 문자열처럼 전달했기 때문에 발생한 오류입니다.즉, 다음과 같은 코드가 의심됩니다:$('ul#' + someObject)someObject가 문자열이 아니라 JavaScript 객체라면, 위 코드는 ul#[object Object]처럼 잘못된 선택자를 만들어 오류가 발생합니다. 해결 방법: someObject가 실제로 ID 값 또는 문자열인지 확인하고, 객체라면 ID 값만 추출하도록 수정해야 합니다. // 수정 방법 1: ID만 추출해서 사용 const selector = 'u..

에서는 줄바꿈이 되는 것처럼 보일 수 있는 이유 ✅ 핵심 차이: div vs span요소기본 display 속성줄바꿈 방식divblock줄바꿈 발생 (자체가 한 줄 차지)spaninline줄바꿈 안 됨, 하지만 텍스트처럼 부드럽게 줄 안에서 감김

✅ 방법 1: SQL에서 여러 정렬 기준을 동적으로 설정 (CASE WHEN 사용)SELECT ROW_NUMBER() OVER ( ORDER BY CASE WHEN :sort_col = 'emp_id' THEN emp_id END , CASE WHEN :sort_col = 'emp_name' THEN emp_name END , CASE WHEN :sort_col = 'salary' THEN salary END ) AS RN , emp_id , emp_name , salary FROM employees;:sort_col은 바인딩 변수 (예: 'emp_id', 'emp_name', 'salary')정렬 기준을 바꾸면 그에 따라..

✅ ROWNUM vs ROW_NUMBER() 차이 요약항목ROWNUMROW_NUMBER() (윈도우 함수)Oracle 버전오래된 버전도 지원10g 이상정렬 반영 여부❌ 안됨 (정렬 전에 적용됨)✅ 가능 (정렬 기준 지정 가능)페이징에 적합한지❌ 복잡함✅ 페이징 구현에 적합

org.apache.ibatis.ognl.OgnlException: source is null for getProperty(null, "crCu1Tp") 이 에러는 MyBatis의 OGNL(Object-Graph Navigation Language) 표현식을 평가하는 중dldKeyMap이 null이기 때문에 발생한 것입니다. 즉, 아래 표현식에서: dldKeyMap 자체가 null이라서 .crCu1Tp를 평가하려고 하다가 OgnlException이 발생했습니다.🔍 원인 요약dldKeyMap이 null인데 그 안의 프로퍼티에 접근하려 해서 에러 발생.OGNL에서는 상위 객체(dldKeyMap)가 null일 경우, 그 하위 프로퍼티에 접근하면 예외가 발생합니다. ✅ 해결 방법1. dldKeyMap의 nul..

✅ 1. 기본 개념항목LISTAGG (Oracle)STRING_AGG (PostgreSQL, SQL Server)목적문자열 집계 (여러 행 → 하나의 문자열)동일지원 DBOraclePostgreSQL, SQL Server 등기본 구문LISTAGG(col, ', ') WITHIN GROUP (ORDER BY col)STRING_AGG(col, ', ')정렬WITHIN GROUP (ORDER BY col) 필요ORDER BY col 옵션 제공 (WITHIN GROUP 아님)중복 제거DISTINCT 서브쿼리 필요DISTINCT 바로 사용 가능 (PostgreSQL 13+) ✅ 2. 예제 비교📌 Oracle (LISTAGG)SELECT DEPT_ID , LISTAGG(EMP_NAME, ', ') WIT..