I'm sw engineer!

✅ 1. location.assign(url)지정한 URL로 이동합니다.브라우저 히스토리에 현재 페이지가 남습니다 (뒤로가기 가능).location.href = url과 동일한 동작입니다.location.assign("/login"); // 이동 + 뒤로가기 가능 ✅ 2. location.replace(url)지정한 URL로 이동합니다.히스토리에 현재 페이지를 남기지 않습니다 (뒤로가기 불가).로그인 후 리디렉션 등에 자주 사용됩니다.location.replace("/login"); // 이동 + 현재 페이지를 히스토리에서 제거✅ 3. location.reload()현재 페이지를 새로고침합니다.캐시 없이 새로고침하려면 location.reload(true) (일부 브라우저에서는 무시됨)location..

속성 설명예시 (https://example.com/customer/page.html?page=1#section1)location.href전체 URL 문자열 (읽기/쓰기 가능)"https://example.com/customer/page.html?page=1#section1"location.origin프로토콜 + 호스트 + 포트 번호"https://example.com"location.pathname호스트 뒤의 경로 부분"/customer/page.html"location.search쿼리 문자열 (물음표 포함)"?page=1"location.hash해시(anchor) (샵 포함)"#section1"location.protocol프로토콜"https:"location.hostname호스트 이름(도메인)"e..

location.origin은 현재 웹 페이지의 **기본 URL(= 출처, origin)**을 의미합니다.즉, 프로토콜 + 호스트 + 포트 번호로 구성된 문자열입니다. ✅ location.origin 구성 요소구성 요소 예시 location.protocol"https:" 또는 "http:"location.hostname"example.com" 또는 "localhost"location.port":8080" (포트가 있을 경우)전체 조합 (origin)"https://example.com" 또는 "http://localhost:8080" ✅ 예시예 1: 기본 포트URL: https://example.com/path/page.htmllocation.origin // "https://example.com"..

브라우저에서 텍스트를 클립보드(복사 영역)**에 저장하는 표준 JavaScript API입니다. ✅ 기본 설명navigator.clipboard.writeText(text) text: 복사할 문자열이 메서드는 Promise를 반환합니다.복사가 성공하면 .then()이 호출되고, 실패하면 .catch()에서 오류를 처리합니다.✅ 예시navigator.clipboard.writeText("https://example.com") .then(() => { alert("클립보드에 복사되었습니다!"); }) .catch(err => { alert("복사 실패: " + err); });

✅ .is() 문법$(selector).is(selectorOrFunction) selectorOrFunction: CSS 선택자, DOM 요소, jQuery 객체, 또는 함수반환값: true 또는 false 📌 .is() 예$('.box').each(function() { if ($(this).is('.box')) { console.log('이 요소는 box 클래스입니다.'); }}); .is('.box'): 자신이 .box 클래스인지 확인

jQuery의 .has()는 선택된 요소 집합 중에서 특정 자식을 포함하는 요소만 필터링하는 메서드입니다.📌 문법$(selector).has(selectorOrElement) selectorOrElement: 특정 자식 요소(selector) 또는 DOM 요소를 의미합니다.반환값: 해당 자식 요소를 포함하고 있는 상위 요소만 반환하는 새로운 jQuery 객체입니다.✅ 예제 1: 특정 자식 요소를 가진 부모 필터링 Apple Banana Cherry $('li').has('span').css('color', 'red');📌 결과: 요소 중 을 자식으로 가지고 있는 요소만 빨간색으로 바뀜즉, 2번째와 3번째 만 선택됨 ✅ 예제 2: 특정 DOM 요소가 자식으로 있는지 확인$('#parent1, #p..

항목 #javascript:void(0)의미현재 페이지 최상단 이동JS 코드 실행 후 아무것도 하지 않음기본 동작페이지 최상단으로 스크롤 이동없음preventDefault 필요 여부필요 (evt.preventDefault())불필요SEO 친화도비교적 나쁨 (빈 링크)더 나쁨 (JS 직접 사용은 권장 안 됨)안정성/직관성중간 (제대로 막지 않으면 문제)더 안전하게 이벤트만 실행 가능 ✅ 왜 href="javascript:void(0)"은 SEO에 안 좋을까?링크로써 의미 있는 목적지가 없기 때문입니다.검색 로봇이 "이건 클릭해도 갈 곳이 없는 링크네"라고 판단합니다.내부 링크 구조를 파악하지 못하면 페이지 랭크 전달, 색인 등록 등 SEO 점수가 낮아집니다.즉, a 태그는 실제로 이동할 콘텐츠가 있을 때만..

hide()는 화면에서만 숨기고 DOM에는 그대로 남아 있는 반면,remove()는 DOM 자체에서 요소를 완전히 제거합니다.메서드 설명hide()요소를 display: none으로 만들어 화면에서 숨김. DOM에는 존재.remove()요소를 DOM 트리에서 완전히 제거. 이후 .find()로도 못 찾음.detach()DOM에서 제거하지만, 이벤트 핸들러/데이터는 유지. 나중에 다시 붙일 수 있음. ✅ 언제 remove를 쓸까?폼에서 아예 해당 항목이 필요 없을 때성능상 필요 없는 노드를 줄이고 싶을 때사용자에게 혼란을 줄 수 있는 비활성화 필드 자체를 안 보여줄 때필요에 따라 hide() vs remove() 선택하시면 됩니다.remove()를 사용하면 이후 해당 요소는 다시 show()로 복구할 수..

https://imswengineer.tistory.com/1301 [DB][Oracle] LISTAGGLISTAGG는 Oracle DB를 포함한 SQL 데이터베이스에서 여러 행의 값을 하나의 문자열로 집계(Aggregation) 할 때사용하는 함수입니다.주로 그룹화된 데이터를 문자열로 연결할 때 유용합니다.📌 기본 문imswengineer.tistory.com 중복 제거: 기본적으로 중복 제거는 안 됨 → DISTINCT 서브쿼리로 처리해야 함으로 작성하였는데 ✅ 오라클 21c 이상일 경우 LISTAGG(DISTINCT ...)도 가능오라클 21c 이상에서는 다음과 같은 문법이 공식 지원됩니다:LISTAGG(DISTINCT CI.EXHL_CD, ', ') WITHIN GROUP (ORDER BY ..

pointer-events는 CSS 속성 중 하나로, 마우스 클릭이나 터치 같은 "포인터 이벤트"를 해당 요소에 전달할지 여부를 결정합니다.🔍 쉽게 말해:pointer-events: none;을 주면,해당 요소는 클릭되지 않으며, hover, active 등도 무시됩니다.🧪 예시클릭 안 됨클릭 됨 none → 클릭해도 아무 일도 안 생김auto → 기본 동작 (클릭 가능) 이 버튼도 클릭 안됨 부모인 에 pointer-events: none을 줘도, 자식인 버튼도 클릭 안 됩니다. 값설명auto기본값, 포인터 이벤트 정상 처리none포인터 이벤트 무시 (클릭, hover 모두 무시)inherit부모 요소의 값을 상속