[Spring Boot/Spring Security] css 반영 안됨 오류

내가 맡은 기능이 다른 팀원들이 기능을 구현하기 위해 꼭 필요한 부분이었기때문에 빠른 진행을 위해 필수적인 것들만 들어있는 간단한 html로 회원등록과 로그인 기능을 구현 한 후 css를 추후에 손보는 방향으로 프로젝트를 진행했다. 

기능 구현을 대략적으로 마치고 부트스트랩의 화면 css를 반영한 새로운 html로 변경한뒤 프로젝트를 실행했더니 css가 원하는대로 출력되지 않는 문제가 발생했다.

css가 반영되지 않은 로그인 화면

또한 로그인을 성공했을 경우 메인페이지로 이동되는것이 아니라  lib의 경로들이 url에 붙어서 출력되었다.

이때 url에 메인페이지를 뜻하는 localhost:8080을 입력하고 이동한 경우 로그인된 메인페이지로 이동한 것을 확인할수 있었다.

또한, 로그인을 성공한 후 /login을 입력해 로그인페이지로 다시 이동했을경우에는 깨져있던 css가 정상적으로 적용된것을 확인했다.

로그아웃시에는 로그인페이지로 이동하게 되는데, 이때 로그인페이지의 css가 다시 깨진것을 확인했다.

 

정리하자면

1. 로그인 이전에는 로그인 페이지의 css가 깨져있음

2. 로그인 성공시 메인페이지로 이동되는것이 아니라 경로에 /lib가 추가됨

3. 로그인 성공시 경로에 /login을 입력해 로그인 페이지로 이동하거나 메인페이지로 이동했을때는 해당 페이지의 css가 문제없음

4. 로그아웃을 하고 다시 로그인 페이지로 이동하면 css가 다시 깨져있는것을 확인할수 있음

 

이번 오류 또한 저번 오류와 마찬가지로 무시패턴( ignoring() )에 lib가 없어서 발생한 오류였다.
로그인에 있던 lib에 접근을 할수 없었기때문에 부트스트랩의 css또한 깨져서 출력이 된것같다.

로그인이 된 상태에서는 css가 정상적으로 작동하는것을 볼때, 로그인이 된 상태는 permitAll로 lib에 접근할 수 있지만 로그인이 되지 않은 상태는 권한이 제한되어있는 상태이기때문에 lib에 접근할 수 없어 부트스트랩의 css가 깨져서 출력이 된것으로 추정된다.

 

따라서 권한에 상관없이 접근할 수 있도록 무시패턴에 lib를 추가해주었다.

 

---

- 해당 오류 간단 정리

https://doongi9.tistory.com/entry/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EA%B5%AC%ED%98%84%EC%8B%9C-%EB%B0%9C%EC%83%9D%ED%95%9C-%EC%98%A4%EB%A5%98-%EC%82%AC%EC%A7%84%EB%AA%A8%EC%9D%8C