반응형 JavaScript32 [SpringBoot] 로그인 시 아이디 기억하기(쿠키 적용) Security 가 적용되어 있다 보니 Token 을 설정할지DB에 저장해서 기억할지 고민하다 쿠키를 적용하였다 html - 로그인 form 아이디 저장하기 LoginBootstrap 적용으로 input checkbox id 가 "remember-me" 로 되어 있다편한 대로 지정하면 된다 javascript TEST 체크 후 로그인을 시도하면 입력한 id를 cookie에 설정한다입력한 패스워드가 틀렸거나 로그아웃하여 로그인 페이지로 다시 오게 되면입력한 id가 세팅된다. 2024. 7. 10. [SpringBoot] Ajax 통신으로 json 주고 받기 매번 잘 사용하면서도 잠깐 안 쓰다 보면 잊어버리길래 정리를 해보려 한다. Ajax 를 사용하려면 jQuery를 사용해야 한다.Jquery 사이트에서 복사해 오면 된다 https://releases.jquery.com/html 또는 jsp 의 태그 안에 넣고 사용하자! Ajax 구조 $.ajax({ url : "", // 이동 경로 type : "", // 대소문자 가리지 않음 - GET , POST , PUT , DELETE async : true, // 기본값은 true , true : 비동기 , false : 동기 dataType : "", .. 2024. 7. 4. [SpringBoot] WebSocket 채팅 테스트 dependency - pom org.springframework.boot spring-boot-starter-thymeleaf org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-starter-websocket org.springframework.boot spring-boot-devtools runtime tr.. 2024. 6. 9. [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. 이전 1 2 3 4 5 6 다음 반응형
