문제 - 404 Error
1) 문제
버튼을 클릭해서 다른 페이지로 넘어가는 순간 ! Not Found, 404 에러가 발생했다.
2) 시도
침착하게 html 코드를 다시 읽어보았다.
서버쪽에서 잘못 건든 건 없어서 html 에서 값을 잘못주었을 것 같은데 ? 라는 생각이었다.
그리고 아니나 다를까 .. thymeleaf에 익숙하지 않아서 코드를 잘못 적었다.
3) 해결
th:onclick = "'|location.href='본인의 api'|'"이렇게 작성해주면, 해당 태그를 클릭했을 때, 원하는 api로 넘어갈 수 있다..!
4) 배운 점
thymeleaf를 사용해서 api를 왔다갔다 해야 하는 경우들이 더 있는데,
그 때 api를 제대로 적어서 사용할 수 있을 것 같다 !
문제2 - 로그인 오류
1) 문제
왜이러니 .. Waterfall의 축복에 끝이 없다..
뭔가 종료되지 못하고 계속 같은 코드가 반복되는 느낌이었다.
2) 시도
서버쪽과 클라이언트 쪽의 코드를 다시 살펴보았다.
성공했을 경우 클라이언트 쪽에서 "/" 경로로 가도록 했고,
서버쪽에서 "/" sendRedirect를 하는 것으로 작성해두었다.
3) 해결
sendRedirect와 "/"를 반복해서 호출해서 그런 것이었다 ..
서버랑 클라이언트 쪽에서 번갈아가면서 반복 호출을 해서 그런 듯 하다.
4) 배운 점
반복 호출하지 않도록 조심해야겠다!
문제3 - script 파일 오류
1) 문제
Uncaught TypeError: Cannot read property 'addEventListener' of null잘 실행하던 도중 이런 문제가 발생했다.
2) 시도
script 코드에 문제가 있나 싶어 살펴봤지만, 코드에 문제는 없었다.
3) 해결
script 태그를 body 태그 밑으로 옮겼더니 바로 실행이 되었다 ..!
정말 신기하다.. script 태그의 위치에도 영향을 받는 것 같다.
4) 배운 점
script 파일이 제대로 실행되지 않는 경우에는 태그의 위치를 변경해 볼 수 있다!
