인프런 커뮤니티 질문&답변
작성한 질문수
localhost에서 화면이 깨집니다.
작성
·
305
·
수정됨
0
수업을 듣고 혼자서 만들어 보는 중입니다 ㅠㅠ
https://drive.google.com/file/d/1xmnERIQk89uE6iP8skTuS2jElKDXfPqp/view?usp=sharing
드라이브에 올린 제 파일입니다.
save.html 파일이 절대경로로 브라우저에서 열면 문제 없이 열리는데 localhost:8080/member/save 로열면 화면이 깨집니다. css 경로도 정확한 거 같은데 왜 이러는걸까요 ㅠㅠ
<link href="css/styles.css" rel="stylesheet" />
<link href="../templates/css/styles.css" rel="stylesheet" />
<link href="./css/styles.css" rel="stylesheet" />
다 해봤습니다!!
index.html을 제대로 잘 열립니다!! (index파일의 css를 복사해서 약간 수정 후 이름만 다르게 저장한게 save.css입니다)
답변 2
0
안녕하세요. sorkdksi79님
css, js를 정적 리소스이기 때문에
resources/static 폴더 하위에 두어야 합니다.
현재 해당 폴더에 save.css가 없습니다. 해당 폴더에 파일을 넣어주세요.
그리고 링크 경로는 다음과 같이 잡아주시면 됩니다.
<link href="/css/save.css" rel="stylesheet" />
<script src="/js/scripts.js"></script>감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다.
sorkdksi79님, 웹 페이지에서 스타일이 제대로 적용되지 않는 문제에 대해 유사한 경우의 질문과 답변이 있습니다. 다음 링크의 게시글을 참고하시면 도움이 될 것 같습니다.
위의 게시글에서 비슷한 문제를 겪었던 다른 수강생의 경우와 해결 과정을 확인하실 수 있습니다. 필요한 부분을 참고하여 화면 깨짐 문제를 해결해 보시길 바랍니다.