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. 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. 일단은 적어보기 요즘에 살아가다보면 여러가지 생각을 하게된다. 남들과 같이 평범하게 직장생활을 하며 결혼생활을 하고 있는데, 그냥 이렇게 살아가면 되나 싶은 생각이 든다. 요즘 워낙 재테크, 투자 부업 등 자신만의 방법으로 자산을 불려나가고 경제적 자유를 이룬 사람들의 이야기를 쉽게 보게 된다. 물론 경제적 자유를 누리고싶지 않은 사람은 없겠지만 다들 그 방법을 모르거나, 방법을 알지만 용기가 없거나 열정이 없는 사람들이 대부분일 것이다. 그리고 나도 그중에 한 사람인 것 같다. 사람이 한번 태어나서 살아가면서 살아갈수 있는 방향, 방법, 모습은 정말 다양할텐데 한국 사회를 살다보면 모두가 비슷한 방향과 방법으로 살아가는 것 같고, 그 삶에 안주하게 되는것 같은데 그렇다고 그 삶을 만족하는 사람이 많지는 않은것 같다. .. 2022. 6. 21. 이전 1 다음 728x90
