• 카테고리

    질문 & 답변
  • 세부 분야

    백엔드

  • 해결 여부

    미해결

localhost에서 화면이 깨집니다.

23.12.29 01:17 작성 23.12.29 01:19 수정 조회수 191

0

수업을 듣고 혼자서 만들어 보는 중입니다 ㅠㅠ

 

https://drive.google.com/file/d/1xmnERIQk89uE6iP8skTuS2jElKDXfPqp/view?usp=sharing

드라이브에 올린 제 파일입니다.

 

 

save.html 파일이 절대경로로 브라우저에서 열면 문제 없이 열리는데 localhost:8080/member/save 로열면 화면이 깨집니다. css 경로도 정확한 거 같은데 왜 이러는걸까요 ㅠㅠ

스크린샷 2023-12-29 오전 1.15.24.png

<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입니다)스크린샷 2023-12-29 오전 1.17.49.png

 

 

답변 2

·

답변을 작성해보세요.

0

안녕하세요. sorkdksi79님

css, js를 정적 리소스이기 때문에

resources/static 폴더 하위에 두어야 합니다.

현재 해당 폴더에 save.css가 없습니다. 해당 폴더에 파일을 넣어주세요.

 

그리고 링크 경로는 다음과 같이 잡아주시면 됩니다.

<link href="/css/save.css" rel="stylesheet" />
<script src="/js/scripts.js"></script>

감사합니다.

 

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.12.29

안녕하세요, 인프런 AI 인턴입니다.

sorkdksi79님, 웹 페이지에서 스타일이 제대로 적용되지 않는 문제에 대해 유사한 경우의 질문과 답변이 있습니다. 다음 링크의 게시글을 참고하시면 도움이 될 것 같습니다.

위의 게시글에서 비슷한 문제를 겪었던 다른 수강생의 경우와 해결 과정을 확인하실 수 있습니다. 필요한 부분을 참고하여 화면 깨짐 문제를 해결해 보시길 바랍니다.