JavaScript14 [JAVASCRIPT] 이전 페이지 URL 가져오기 (document.referrer) 로그인 전 메인(index.do)에서 해당 페이지를 들어가는 경우와 로그인 후 (index.do 이외)에 들어가는 경우에따라 해당 페이지의 메뉴 유무 결정하기 위해 이전 페이지의 경로가 필요한 경우가 생겨 이전 페이지의 URL을 가져오는 함수를 알게되어 정리한다! document.referrer 링크를 통해 현재 페이지로 이동 시킨, 전 페이지의 URI 정보를 반환 페이지로 바로 접근시 빈 문자를 반환 (ex: 북마크) - TEST var referrer = document.referrer; console.log("이전 페이지 URL: "+referrer); - 결과 참고: https://developer.mozilla.org/ko/docs/Web/API/Document/referrer Document... 2022. 3. 21. [JAVASCRIPT] 문자열 split 후 마지막 요소 가져오기 1. javascript의 split() 함수를 사용해 문자열을 잘라 배열로 변환. 2. reverse() 함수로 순서를 역순으로 바꾸고, 3. 배열의 첫번째 값[0]을 가져오면 배열의 제일 뒤에를 가져오게 되는 형식 - CODE var test = 'aa/bb/cc/dd/ee/ff/gg'; console.log('=== split ==='); console.log(test.split('/')); console.log('=== split 후 마지막 요소 =='); // split -> reverse로 역순으로 바꾸고 -> [0] 첫번째 요소 var splitLastValue = test.split('/').reverse()[0]; console.log(splitLastValue) - 결과 2022. 3. 21. [JQUERY/JSTL] SELECT BOX 년도 생성 JQuery와 JSTL로 select box에 년도를 생성해보자! 1. JQuery - HTML JQUERY 년도 - SCRIPT $(document).ready(function(){ setDateSelectBox(); }); function setDateSelectBox(){ var now = new Date(); var now_year = now.getFullYear(); $("#year").append("선택"); // 2005년 부터 올해까지 for(var i = now_year; i >= 2005; i--){ $("#year").append(""+ i + " 년" +""); } } - 결과 2. JSTL JSTL 년도 선택 ${startYear-year} - 결과 2022. 3. 3. [JAVASCRIPT] 첨부파일 이미지 미리보기 (input type="file") 간단하게 첨부파일 이미지를 미기보기 할 수 있다! - HTML - SCRIPT function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { document.getElementById('preview').src = e.target.result; }; reader.readAsDataURL(input.files[0]); } else { document.getElementById('preview').src = ""; } } - 결과 2022. 2. 22. [JAVASCRIPT/JQUERY] eclipse 자바스크립트 자동 완성 플러그인(tern) 이클립스에서 JAVASCRIPT랑 JQUERY도 Ctrl + Space로 자동 완성되게 해보도록 하자!! 1. 이클립스 상단의 [Hep] - [Install New SoftWare] 2. Work with 에 http://oss.opensagres.fr/tern.repository/1.2.0/ 를 붙여 넣기하자! 아래와 같이 확인한 후 Next를 눌러서 설치를 진행!! 3. 설치하다보면 동의하는 부분이 나오는데 동의 (I accept the terms of the license agreement) - [Finish] 눌러 주면 된다. 완료 후 이클립스를 재시작! 4. 적용할 프로젝트 [우클릭] - [Configure] - [Convert to Tern Project] 클릭 5. Browser (javas.. 2022. 1. 18. 이전 1 2 3 다음 반응형
