만들고, 퍼오고, 공유하고

새로고침 하면서 특정 파라미터 수정 하기

var url = new URL(window.location.href);url.searchParams.set('page', '1');window.location.href = url.toString();   function updateUrlParameter(param, value) { var url = new URL(window.location.href); url.searchParams.set(param, value); window.location.href = url.toString();}// 사용 예제: 'exampleParam' 파라미터 값을 'newValue'로 변경하고 페이지 리로드updateUrlParameter('exampleParam', 'newValue');

브라우저의 주소창 URL 바꾸기

// 현재 URL을 가져오기 var currentUrl = window.location.href; // 주소에 문자열 추가하기 var newUrl = currentUrl + "&newParam=additionalValue"; // URL 변경 window.history.replaceState({}, document.title, newUrl);

자바스크립트에서 \n 개행이 안되고 문자 그대로 출력되는 경우

(모든 케이스가 같지는 않음) ajax + json 조합 호출되는 파일 호출 하는 파일 $.ajax({ type: "POST", url: sendUrl, data: post_data, dataType: 'json', success: function(data) { //성공 alert(data.msg); }, error: function(request, status, error) { //에러 //alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); alert('통신 오류'); }, complete: function() { $("#loding_img").hide(); } }); alert(data.msg);..

크롬에서 마우스 좌표 조회 (개발자 모드)

개발자 모드 > 콘솔 창에 아래 코드 입력 var x, y; document.onmousemove=(e)=>{x=e.pageX;y=e.pageY;} 브라우저 화면중 원하는 위치에 마우스 포인터 놓은 후 콘솔 창에 아래 코드 입력 console.log(x, y);

자바스크립트 전체 콤마 제거

var numberStr = "123,456,789"; // 전체 콤마 제거 var number = numberStr.replace(/,/g, ""); document.write(number);

웹스토리지, 세션스토리지

* 웹스토리지, 세션스토리지는 문자형(string) 데이터 타입만 지원 (JSON 형태로 데이터를 저장하는 방법이 유용함) 웹스토리지 // 키에 데이터 쓰기 localStorage.setItem("key", value); // 키로 부터 데이터 읽기 localStorage.getItem("key"); // 키의 데이터 삭제 localStorage.removeItem("key"); // 모든 키의 데이터 삭제 localStorage.clear(); // 저장된 키/값 쌍의 개수 localStorage.length; JSON 저장시 localStorage.setItem('json', JSON.stringify({a: 1, b: 2})) JSON.parse(localStorage.getItem('json'))..

자바스크립트 실시간 시간 표시

자바스크립트 브라우저 체크

날짜 형식 변경, 오늘날짜, 어제날짜, 최근 7일, 최근 30일, 지난 주, 지난 달

자바스크립트 여러 줄을 문자열로 묶는 방법

javascript에서 여러 줄에 걸쳐 문자열을 쓰는 방법은 몇 가지가 있다. 먼저, 역슬래시(\)를 이용한 방법이다. console.log("First Line\ Second Line\ Third Line") 실행 결과 First LineSecond LineThird Line 여러 줄에 걸쳐 코드를 작성할 수는 있지만, 보시다시피 출력을 할 때 개행이 되지는 않는다. 개행을 하려면 다음과 같이 개행문자를 추가해주어야한다. console.log("First Line\n\ Second Line\n\ Third Line") 실행 결과 First Line Second Line Third Line 이번엔 코드의 가독성을 위해 들여쓰기를 좀 해보자. console.log("First Line\n\ Second L..