유정잉

자바스크립트 이벤트를 다루다 보면 마주치는 코드가 있다.event.preventDefault();event.stopPropagation(); 두 줄 다 “이벤트를 막는 것처럼” 보이지만, 막는 대상과 목적은 완전히 다르다.1️⃣ event.preventDefault()란?브라우저가 기본적으로 수행하려던 동작을 막는다.즉, 이벤트는 발생했지만 브라우저의 기본 행동만 취소하는 것이다.✔ 대표적인 기본 동작 예시 요소 기본 동작 링크 이동submit체크 상태 변경 + Enter줄바꿈 삽입드래그선택 / 이동✔ 예제 1: 링크 이동 막기이동document.getElementById('link').addEventListener('click', function (e) { e.preventDefault();}..

참고 문서 : https://github.com/CodeSeven/toastr GitHub - CodeSeven/toastr: Simple javascript toast notificationsSimple javascript toast notifications. Contribute to CodeSeven/toastr development by creating an account on GitHub.github.com 테스트 사이트 : https://codeseven.github.io/toastr/demo.html toastr examples codeseven.github.io 1) alert(); 말고 Toastr 써보자Servlet/JSP, Spring 프로젝트를 하다 보면 알림 메시지를 띄울 때 가장 ..

[ JS 파일 전역변수가 인식되지 않는 오류와 캐시 문제 해결 ] 문제 상황REQ.js에 전역 변수를 선언하고 이 전역변수를 다른 스크립트(REV.js) 혹은 JSP파일에서 사용해야 헀는데 로컬에서는 문제가 없었으나 배포 후 운영 환경에서는 아래와 같은 오류가 발생 ! -> name이 정의되지 않았습니다. 분명히 전역 변수 정의를 했는데도 파일이 최신으로 반영되지 않아 변수 자체를 못 찾는 상황 ! var name = ""; 원인운영 서버에서 JS 파일이 갱신되지 않는 이유는 브라우저 캐시 때문 ! 크롬이나 IE(익스플로러)에서는 Ctrl + F5로 강력 새로고침을 해도 특정 상황에서는 스크립트 파일을 계속 이전 버전으로 로딩하는 문제가 발생.특히 script 태그로 파일을 import해서 사용 중인 ..

✅ 1. .some() — "하나라도 통과하면 true"🔹 문법array.some(callback)배열 안에 하나라도 조건을 만족하면 true, 아니면 false🔹 예시 1: 숫자 중에서 10보다 큰 값이 있는지?const numbers = [3, 7, 11, 2];const hasBigNumber = numbers.some(n => n > 10);console.log(hasBigNumber); // ✅ true (11 있음)🔹 예시 2: 참가자 중에 관리자(admin)가 있는지?const users = [ { name: "유정", role: "user" }, { name: "철수", role: "admin" }, { name: "민수", role: "user" }];const isAdminP..