반응형 JavaScript35 [SpringBoot] 외부 파일 불러오기 기본적으로 /resources/static/ 폴더 안에 파일을 읽어오지만그 외의 외부폴더에서 파일을 참조할 경우 보안상의 문제로 파일을 불러오지 않는다 파일이 동적으로 생성되거나 관리가 되어야 하는 상황에 맞지 않기에 동적으로 관리하는 방법을 정리해 본다(파일이 배포된 상태 거나 War 상태일 경우 /resources/static/ 안에 파일을 넣으려면 재배포 및 War를 빌드해야 한다) 폴더 생성 src/main/resources 가 아닌 src 폴더와 같은 위치에 upload 폴더를 생성하였다(C:// , D:// 가 아닌 프로젝트 내의 폴더에서 파일을 관리하고 싶어서) 예시 화면 강아지 사진 옆에 태그를 추가하여 본다 config 파일 생성 import org.springframew.. 2024. 5. 8. [SpringBoot] DataTable(JavaScript) - 적용하기 이전글 이어서https://greed-yb.tistory.com/251 [SpringBoot] Thymeleaf - layout 적용하기https://greed-yb.tistory.com/218#google_vignette [Spring] Bootstrap SB Admin 2 설치하기 https://greed-yb.tistory.com/209 [SpringBoot+IntelliJ+Oracle+Thymeleaf+Paging] 웹 게시판 만들기(1) - 구성 Java 17 Maven Spring Boot 3.0.3 Oracle 11g Intellgreed-yb.tistory.com DataTable 이란?jquery 라이브러리로 데이터를 테이블로 쉽게 그려주고 페이징 및 검색, 정렬, 엑셀 등의 기능이 .. 2024. 5. 5. [JavaScript] setInterval() 함수 사용하기 setInterval() 은 일정한 시간 간격을 두고 반복해서 실행해야 할 때 사용하는 함수다 위와 같은 코드로는 페이지 접속 시 3초 마다 console.log가 찍힌다 일정시간마다 데이터를 새롭게 불러오고 싶다거나 일련의 동작이 필요한 경우 해당 함수를 이용하면 지정한 시간마다 동작하게 된다 필요할 때만 일정 시간마다 동작하도록 하고 싶다면 setInterval()을 function으로 만들어서 버튼 형태로 만들어서 사용해도 좋을 것이다 clearInterval() 함수는 setInterval()을 종료시켜준다 2023. 7. 30. [JavaScript] URL 직접 접근 막기 사이트의 메뉴를 눌러가며 이동할 경우 개발자도구 -> Network에 해당 페이지 Headers 정보를 보면 이전 페이지의 주소를 담고 있다 하지만 URL 창에 직접 타이핑하여 접속하는 경우는 Headers 정보가 남지 않는다 그걸 이용한 URL 직접 접근 막기이다 공통의 Layout 페이지에서 사용하면 모든 페이지 이동 시 사용가능하고 단점으로는 직접 접근한 페이지에 접속했다가 코드에 의해 예) '/login' 페이지로 이동된다 2023. 7. 29. [JavaScript] 정규식 표현(로그인 , 회원가입 검증하기) 영문자 + 특수문자 + 숫자 포함하는 ~자리의 정규식 $(document).ready(function (){ // 영문자 + 특수문자 + 숫자 8~25자리 정규식 const pwdCheck = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,25}$/; var testValue = "abc123!@#"; // 정규식 검증하려는 변수 if(pwdCheck.test(testValue.value) == false){ alert("비밀번호는 영문자 + 특수문자 + 숫자를 포함한 8~25자리로 입력해주세요"); return; } }) 영어 소문자 + 대문자 + 특수문자 + 숫자를 포함하는 ~자리의 정규식 $(document).ready(function (){ // 영어 소문.. 2023. 7. 24. 이전 1 ··· 3 4 5 6 다음 반응형
