inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

라디오 버튼

이 코드에서 BOOK이 있는 이유가 뭔가요>?

503

ltg9612

작성한 질문수 3

1

 

64번째 라인에 BOOK의 역할이 뭔가요? 제가 어디서 이 내용을 놓쳤는지 잘 모르겠습니다..ㅠ

spring MVC

답변 2

2

OMG

안녕하세요. ltg9612님, 공식 서포터즈 OMG입니다.

---------

message.html

<html xmlns:th="www.thymeleaf.org>

<head>

</head>

<body>

<p>"서버를 통해서 받는 메시지"</p>

</body>

</html>

----------

 

예시를 들어 설명 드리면 다음과 같이 타임리프를 사용하여 서버를 통해서 <p>태그의 내용이 채워진다고 가정할께요.

서버를 실행하여 message.html을 열면 노란색으로 칠한 "서버를 통해서 받는 메시지" 라는 택스트가 보일꺼에요.

근데, 퍼블리셔와 협업을 통해서 "서버를 통해서 받는 메시지"의 색깔을 빨간색으로 바꿔 달라는 요청이 있었습니다.

퍼블리셔가 message.html 파일의 퍼블리싱 작업을 위해 서버를 실행해야할까요?

퍼블리셔가 필요한 내용은 순수 html 골격 그 자체만 있으면 충분합니다.

(서버에서 받은 텍스트 정보 내용 자체는 중요하지 않습니다.)

아래의 예시를 보시면 이해가 되실꺼에요. 

(인라인 style 적용을 하는 것은 예시로 봐주세요. <p>안에 빨간색으로 칠한 것은 화면에 적용이 되었을 때로 생각해주세요.)

 

아래의 퍼블리싱 작업전

<html xmlns:th="www.thymeleaf.org>

<head>

</head>

<body>

<p>퍼블리셔님, 서버를 통해서 받는 메시지 공간입니다. 요기 p태그 공간 색상을 적용해주세요</p>

</body>

 

</html>

 

퍼블리싱 작업후

<html xmlns:th="www.thymeleaf.org>

<head>

</head>

<body>

<p style="color:red;">퍼블리셔님, 서버를 통해서 받는 메시지 공간입니다. 요기 p태그 공간 색상을 적용해주세요</p>

</body>

 

 

</html>

 

퍼블리싱 작업후 서버를 실행 시 

<html xmlns:th="www.thymeleaf.org>

<head>

</head>

<body>

<p style="color:red;">"서버를 통해서 받는 메시지"</p>

</body>

</html>

 

간단 요약하면, 기본 골격을 잡기 위해 기본으로 잡아놓은 내용이 BOOK입니다.

BOOK이 없다면 서버 실행 없이 해당 html 파일을 열면 label 공간이 비어있겠죠?

 

감사합니다.

1

나무늘보

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

보통의 템플릿 파일은 그 자체로 브라우저에서 실행할 수 없습니다. (엄밀히 말하면 틀어지지만, 화면이 깨져 보입니다)

 

타임리프는 네츄럴 템플릿이라 하여 HTML의 모습을 그대로 유지하는 특성이 있습니다. 그래서 템플릿 파일 자체를 브라우저에서 실행해도 깨짐없이 볼 수 있습니다. 그리고 타임리프 엔진에 의해 렌더링 될 때에는 기존의 HTML을 변경하여 제공하게 됩니다.

 

BOOK은 Label태그의 텍스트노드값으로, 자신의 앞에 있는 Input 태그를 설명합니다.

이 HTML 파일을 브라우저에서 그대로 실행할경우 사용자는 [ ] BOOK 과 같은 모습을 확인할 수 있겠죠.
감사합니다.

이미지 업로드와 db 트랜잭션 묶는법

0

46

1

Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4

0

55

2

MessageSourceTest 코드

0

49

1

인터셉터 에러 설정

0

48

1

resolveArgument()메서드 질문

0

58

1

43강 검증1 에서 실패 로직 관련 질문있습니다.

0

60

2

타임리프 3.X 버전 rendering, serializer 에러 해결 방법

2

133

3

스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ

0

93

3

pdf 오타 문의

0

57

1

ItemUpdateForm 검증 관련 질문입니다.

0

50

1

22page 링크 주소 변경

0

59

2

특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문

0

53

1

섹션3번 수업에 대한 질문입니다.

0

80

2

@Autowired 보다 더 좋은 방법이 어떤 걸까요?

0

87

2

타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.

0

66

1

자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다

0

143

3

스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문

0

65

1

톰캣 에러 페이지가 안보입니다.

0

104

2

apiEceptionController에서 센드 에러 호출하면 안되는지?

0

81

1

세션 타임아웃시 쿠키 삭제 방법이 없나요?

0

118

2

ApiExceptionController 질문드립니다.

0

64

1

셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?

0

66

1

MemberRepository 필드의 fianl 선언 유무

0

85

2

혹시 index.html 에서는 fragment 사용이 안되는건가요

0

59

1