안녕하세요
다른 분들에 비해 적은 시간일지 모르겠으나 3일동안 계속 고민해봐도 명확한 원인을 못찾겠어서 질문드립니다.
지금 JSP에 css를 부트스트랩을 사용한 css를 적용하려고 하고있는데요.
일단 jsp에서 링크는
<link rel="stylesheet" type="text/css" href= "../resources/css/custom_style.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"/>
이렇게 걸려져 있는 상태이고 폴더 구조는
이렇습니다.
제가 해본 것들은
1. 인터넷 기록 삭제 ( 이건 원인이 아닐거라 생각함 ) -> 안됨
2. 경로 재설정 -> 현재 jsp page에서 상대경로, 절대경로 둘 다 사용해서 리소스 경로까지 해봤는데 안됨.
3. resources 폴더를 WEB-INF에서 webapp폴더 바로 하위로 이동 -> 아직 안됨
4. 톰캣을 사용하지 않은 html에서 적용 -> 톰캣 안쓰니까 됨.
5. <style> 태그를 사용해서 붙혀넣으면 잘 작동함 -> css 문법 문제는 아닌거같음
-----------------------------
의심가는 것들
1. 아래처럼 절대경로로 지정한 css는 잘 되요..
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"/>
근데 아래처럼 제가 직접 작성한 css를 링크걸면 그것만 안되요..
<link rel="stylesheet" type="text/css" href= "../resources/css/custom_style.css"/>
2. 제 생각엔 상대경로는 잘 설정된거같아요.
이유는 제가 이 파일들이 존재하는 폴더를 vsc로 열어서 테스트용 html하나 만들고 jsp소스를 복붙했는데 잘 적용됐기 때문이에요. 그리고 개발자도구로 css 불러왔는지 체크해봐도 잘 불러온걸로 뜨긴떠요.
3. 근데 여기서 이상한게 개발자도구의 source탭에서 소스를 봤는데 제가 작성한 css문서에 jsp를 복붙한것처럼 쓰여있는거에요ㄷㄷ
도대체 왜이럴까요 ㅠㅠ
어떻게 해야 css를 잘 불러올 수 있을까요..?