728x90 해결6 [vue] Vue에서 Slick 슬라이드가 새로고침 후만 적용되고, 페이지 이동 후에는 적용되지 않는 문제 해결하기 Vue에서 Slick 슬라이드가 새로고침 후만 적용되고, 페이지 이동 후에는 적용되지 않는 문제 해결하기 🔍 문제 상황Vue는 **SPA(Single Page Application, 단일 페이지 애플리케이션)**라서 페이지를 이동해도 전체 HTML이 새로고침되지 않고 필요한 부분만 변경됨.이 때문에 slick.js가 메인 페이지에서 최초 한 번만 실행되고, 다른 페이지로 이동 후 다시 돌아오면 슬라이드가 깨지는 문제가 발생했음. 💡 문제 원인slick.js는 페이지가 처음 로딩될 때 한 번만 실행되도록 되어 있음.Vue에서 다른 페이지로 이동 후 돌아오면 mounted()가 다시 실행되지 않음 → slick이 다시 초기화되지 않음.이로 인해 슬라이드가 풀려서 모든 배너가 펼쳐진 상태로 보이는 문제 발.. 2025. 2. 10. 장바구니 상품삭제 Ajax 에러(해결)_(CSRF 토큰 관련) Spring Boot, Spring Security, JPA, MySQL을 활용하여 간단한 프로젝트를 진행하는 과정중 장바구니 상품 삭제에서 오류가 발생했다. @PostMapping("/delete") public String deleteCartItem(@RequestParam("cartNo") Integer cartNo, RedirectAttributes redirectAttributes) { try { System.out.println("cartNo: " + cartNo); cartService.removeCartItem(cartNo); redirectAttributes.addFlashAttribute("message", ".. 2025. 2. 5. React + Typescript 설치 오류 해결 React + Typescript 프로젝트를 연습해보기 위해 아래 글을 참고하여 프로젝트를 만들어봤다.https://time-memorizer.tistory.com/203 React 설치 오류(react@19.0.0 관련)React JS를 공부해보려고 인터넷을 찾아 설치하려고 하는데 오류가 발생했다.npx create-react-app first-appCreating a new React app in /Users/hyosukjung/git/react-app/first-app.Installing packages. This might take a couple of minutestime-memorizer.tistory.com npx create-react-app [프로젝트 이름] --template types.. 2025. 1. 25. 스프링부트(Spring Boot) 타임리프(Thymeleaf) sec:authorize 적용 안됨 진행중인 스프링 부트 프로젝트에 스프링 시큐리티를 적용 후 thymeleaf 내 'sec:authorize'를 사용해서 로그인 사용자와 비로그인 사용자에게 서로 다른 메뉴를 보여주려고 하였는데 전혀 적용되지 않았다. 로그인 roles 회원가입 환영합니다 dependencies { implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.spring.. 2025. 1. 24. 포트 충돌 문제(해결) 인텔리제이로 스프링 부트 프로젝트를 진행하다가 잠깐 다른 스프링 프로젝트를 확인하기 위해 서버를 껐다가 다시 Run 했는데,아래와 같은 에러가 발생했다./Library/Java/JavaVirtualMachines/jdk-11.jdk/Contents/Home/bin/java -Dcatalina.home=/Users/hyosukjung/workspace/apache-tomcat-9.0.89 -Dcatalina.base=/Users/hyosukjung/.SmartTomcat/portfolio_2024/spring -Djava.io.tmpdir=/Users/hyosukjung/.SmartTomcat/portfolio_2024/spring/temp -Djava.util.logging.config.file=/Use.. 2025. 1. 24. React 설치 오류(react@19.0.0 관련) React JS를 공부해보려고 인터넷을 찾아 설치하려고 하는데 오류가 발생했다.npx create-react-app first-appCreating a new React app in /Users/hyosukjung/git/react-app/first-app.Installing packages. This might take a couple of minutes.Installing react, react-dom, and react-scripts with cra-template...added 1323 packages in 2m267 packages are looking for funding run `npm fund` for detailsInstalling template dependencies using np.. 2025. 1. 21. 이전 1 다음 728x90
