inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

똑같은 뷰를 반환하는데도 url에 따라 css가 다르게 적용 되는 이유

662

hong19kings

작성한 질문수 18

0

<div th:replace="/fragments/header.html :: fragment-header"></div>

이렇게 헤더, nav, 사이드바를 대체하고 있는데요  도메인/edit 에서는 잘 적용되던 html,css 들이  도메인/edit/1 등등 이렇게 구체적으로 들어가면 100% 똑같은 뷰를 반환해도 절대 적용이 안됩니다.. 5시간째 이유를 못찾고 있습니다

@GetMapping("/project/edit/1")
public String Edit1(Model model){ //1번
return "editProject";
}

@GetMapping("/edit")
public String Edit2(Model model){ //2번
return "editProject";
}

1번과 2번의 뷰가 각각 

1.

2.

이렇게 나타납니다. 똑같은 뷰를 써도 저렇게 나오는 이유가 무엇인가요? Edit1(), Edit2()는 필수부분만 캡처한겁니다  똑같은 뷰를 반환하는데도 url에 따라 css가 다르게 적용 되는 이유가 무엇일까요??  혼자서해보려했는데 너무 안되서 질문드립니다.

--헤더 내부--

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

http://localhost:8080/project/edit/bootstrap/css/bootstrap.min.css   잘못된 css 경로  -< 이렇게 가네요 

http://localhost:8080/bootstrap/css/bootstrap.min.css   가야하는 css 경로

빨간색 경로가 안붙게 하려면  어떻게 하나요?

 

mvc spring thymeleaf MVC

답변 1

1

나무늘보

안녕하세요, hong19kings 님! 공식 서포터즈 codesweaver 입니다.

CSS 지정이 상대경로로 되어있어 발생하는 문제로 보이는데요.

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" /> 이부분을

<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" /> 이렇게 수정해보시겠어요?

감사합니다.

0

hong19kings

해결 잘 됐습니다   상대경로에서  ../  은 상위폴더  ./   은 현재폴더 ../../ 는 두개 위 폴더 맞을까요?

0

나무늘보

네 맞습니다 :)

mvc 패턴 - 적용 강의에서 회원가입할 때 redirect가 아닌 forward인 이유가 궁금합니다.

0

29

1

servlet과 container에 대한 질문입니다

0

54

1

api를 어느 컨트롤러에 작성해야하는지는 어떤 기준으로 해야하나요?

0

84

1

jsp 의존성 수정 요청

0

123

2

요즘 웹 서버가 주로 사용되는 이유는 SPA 구조 때문일까요 ?

0

158

1

save() 메서드 문의

0

78

1

절대 경로로 templates/basic 하위 파일 열면 css 적용 안되는 현상

0

114

1

request-body-json

0

94

2

MVC 패턴의 적용 단위

0

103

1

RequestMapping을 이용한 핸들러, 어댑터

0

124

2

save 후 결과화면

0

101

2

jsp를 이용한 view

0

102

1

application.properties에 debug 추가해도 결과가 똑같습니다.

0

190

1

수업 코드 제공 관련 문의

0

107

2

RequestMappingHandlerAdapter의 Controller 호출 과정

0

109

3

파일 오픈 시

0

75

1

스프링 배치 관련

0

81

1

@RequestParam의 defaultValue가 blank 값도 처리하는 지 여부

0

115

1

postman으로 /request-body-json-v1 호출시 500 error

0

106

1

프론트엔드와 백엔드의 mvc, rest api에 대한 질문

0

90

1

모델의 역할과 계층 분리에 대한 이해 차이 + 추가질문

0

119

1

console log 출력 관련 질문입니다.

0

79

1

애플리케이션이 실행 되지 않습니다 ㅠㅠㅠ

0

146

1

html 변경하는 부분 적용 문제

0

108

1