[개발] Programming/Javascript25 자바스크립트 대문자 소문자 변환 함수 toUpperCase(), toLowerCase() 대문자로 변환 : toUpperCase() 라는 함수를 사용하면, 영문 알파벳이 모두 대문자로 변환된다. 예) 123456789 var orgStr = "abcDEFghi123한글"; orgStr = orgStr.toUpperCase(); console.log("orgStr = " + orgStr); Colored by Color Scriptercs 결과: 콘솔에 'orgStr = ABCDEFGHI123한글' 이 찍힌다. 소문자로 변환 : toLowerCase() 라는 함수를 사용하면, 영문 알파벳이 모두 소문자로 변환된다. 예) 123456789 var orgStr = "abcdefghi123한글"; orgStr = orgStr.toLowerCase(); console.log("orgStr = " + .. 2018. 11. 5. 자바스크립트 객체 선언 및 활용 JS 객체의 데이터 타입 JS에는 5가지의 데이터 타입이 존재한다. string number boolean null undefined JS 객체는 위 5가지 데이터 타입에 추가로 다른 객체나 함수(메소드) 까지도 key:value 형식으로 담을 수 있다. JS객체를 선언 예제 var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; 아래와 같이 선언해도 무방하다. var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" }; JS의 'new'를 활용해도 동일한 결과를 얻는다. var person = new Object(); person.firstName = .. 2018. 10. 30. 자바스크립트, 일정 시간 마다 실행되는 SetInterval() 함수 특정 시간 단위로 실행되는 함수에는 setInterval() 가 있다. 기본 형태 setInterval(function() { ... }, 지연시간); 이 함수에 기능을 추가해주면 타이머 처럼 사용할 수 있다. 예) 1초 단위로 웹 콘솔에 '1초 경과'를 출력하고 싶은 경우 var timeScope = 1000; var mySchedule = setInterval(function(){ console.log("1초 경과!"); }, timeScope); 만약 해당 함수를 정지 시키고 싶은 경우, 앞서 선언한 mySchedule 이라고 선언한 ID에 clearInterval() 이용하면 된다. function stopMySchedule() { clearInterval(mySchedule); } 2018. 10. 30. 자바스크립트 date() 함수로 날짜(일 월 년) 구하기 자바스크립트에서 현재 날짜, 월, 년도 구하는 방법 1234567var date = new Date(); var month= date.getMonth() +1; var day = date.getDate(); var year = date.getFullYear(); // 현재 년, 월, 일이 출력된다.document.write(year + '-' + month + '-' + day); cs 결과 값 : 2019-05-03 * month에 1을 더하는 이유는 0 부터 시작하기 때문이다. 숫자 날짜 상세 설명 링크 2018. 10. 30. 자바스크립트 윈도우 팝업창 띄우기 및 옵션 팝업창 띄우는 방법 팝업을 띄우기 위해서는 띄울 창의 크기와 스크롤바 사용 여부를 넣어주면 된다. 그리고 left와 top으로 위치를 지정해주면 해당 위치에서 열린다. (단위는 px) 1 2 3 4 5 6 7 8 9 10 11 var url = '열고 싶은 주소'; function openPopup(){ var option = 'scrollbars=no, left=400, top=200, width=440, height=550'; var name = 'myPopup'; // option 변수를 사용하지 않고 직접 옵션을 넣어줘도 된다. window.open(url, name, option); } Colored by Color Scripter cs 팝업창 닫는 방법 1 2 3 4 5 6 7 8 9 var .. 2018. 10. 30. 자바스크립트 한글 문자열 깨지는 경우, encode / decode JSP 페이지 상단에 charset=UTF-8" pageEncoding="UTF-8" 명시해도 한글이 깨지는 경우 해결 방법. URL 파라미터에 한글이 깨지는 경우 JSP -> JAVA -> JSP 첫 화면에서 한글 파라미터를 컨트롤러에서 받을 땐 한글이 깨지지 않았으나, 다시 JSP로 넘겨줄 때 한글이 깨지는 경우, 인코딩 하여 넘겨주면 안깨진다. var encodedUrl = encodeURI("이름이 뭐에요?"); // 최종 JSP 페이지에서 아래와 같이 복호화 시켜주면된다. var deCodedUrl = decodeURI(변수)); 자바스크립트에서 한글이 깨지는 경우 JAVA > JSP JAVA 단에서는 한글이 잘 보이는데 JSP 페이지에서 깨지면, 우선 JAVA 단에서 인코딩을 해준 뒤, Str.. 2018. 10. 30. 자바스크립트 window reload 드 새로고침 방법들 cache를 먼저 찾아보고 없으면 서버에서 다시 페이지 호출 window.location.reload(); cache와는 상관 없이 무조건 서버에서 다시 페이지 호출 window.location.reload(true); cache에 저장된 현재 페이지를 찾는다. history.go(0); * 만약에 reload() 실행시 이상한 팝업이 뜬다면 아래와 같은 방법으로도 새로고침할 수 있다. Get 방식의 Submit 이용 opener.document.form이름.submit(); 링크 이용하기 // 부모창으로 돌아가는 경우 window.opener.location.href = "부모 창의 URL"; // 현재 창만 다시 로드할 경우 window.opener.location.href = "현재 창의 URL"; 2018. 10. 30. 자바스크립트 정규표현식 Case1. 숫자만 허용, 나머지 문자는 ''으로 var testString = "123abc45@67"; testString = testString.replace(/[^0-9]/g, ''); // ^:~가 아닐 경우, [0-9] 모든 숫자, g: 모든 문자 숫를 대상으로 > 숫자가 아닌 모든 것들을 ''으로 > 결과: testString = "1234567" Case2. 한글만 허용, 나머지 문자는 ''으로 var testString = "123가나다45@67"; testString = testString.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, ''); > 결과: testString = "가나다" Case3. 이메일 형식만 가능 var emailAddr = "이메일주소";var filter = .. 2018. 10. 30. 부모창 reload 오류, "물품을 구매한 경우 [취소]를 클릭하여 중복 거래를 방지해야 합니다.." opener.document.location.reload();로 부모 창을 리로드(또는 새로고침)하려고 하는데 아래와 같이 경고창 뜸. 원인은 Post 방식의 Submit이 다시 실행되서.. 웹 페이지를 다시 표시하려면 Internet Explorer에서 이전에 전송한 정보를 다시 전송해야 합니다. 물품을 구매한 경우 [취소]를 클릭하여 중복 거래를 방지해야 합니다. 그렇지 않으면 [다시 시도]를 클릭하여 웹 페이지를 다시 표시하십시오. 2가지 해결 방법 1. Get 방식의 Submit 이용 opener.document.form이름.submit(); 2. 링크 이용 window.opener.location.href = 부모창의 경로 [참조] http://anneprogramer.tistory.com/18 2018. 10. 30. 이전 1 2 3 다음
