inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

반복

섹션2 -타임리프 기능 : 14.반복(html: border 부분 수정 해야 할까요? 아니면 계속 써야 할까요?)

해결된 질문

36

생각하는자

작성한 질문수 139

0

=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)

[질문 내용]
안녕하세요.

궁금증이 생겨서 질문을 드립니다.

반복 강의에서 each.html을 복사하고 붙여놓기를 하였는데요.

<table border="1"> 이 부분에서 border부분이 흰색 취소선 칠해져 있다는것 을 발견하였습니다.

그래도 뭐 일단 돌려보기는 하였는데 잘나오는데. 뭔가 찜찜해서.. 그 보더에 마우스를 대보니

image.png

사진 처럼 이런 글이 나와서 구글에 이 나오는 글을 복사하고 해보았더니

image.png

이렇게 사진처럼(80%로 측소) 나왔는데 사진에 나오는 글처럼 <table style="border: 2px solid black;"> 이렇게 바꾸는게 나을까요?

아니면 그냥 계속 <table border="1"> 이런 방식으로 써야 할까요?

w3schools도 살펴 봤지만

image.png

전체 적용 하는 것들만 있어서 모르겠네요.

답변 부탁 드립니다.

spring mvc

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 생각하는자님.

태그의 border 속성에 대한 질문에 대해 설명드리겠습니다.

  1. HTML border 속성의 사용:

    • <table border="1">와 같은 방식은 구형 HTML 방법으로, HTML4 및 이전 버전에서 자주 사용되었습니다. 하지만 이 방법은 최신 웹 표준에서는 추천되지 않습니다.
  2. CSS를 사용한 border 스타일 정의:

    • 현대적인 웹 개발에서는 스타일을 정의할 때 CSS를 사용하는 것이 더 권장됩니다. 따라서 <table style="border: 2px solid black;">와 같이 CSS를 활용하여 테이블의 테두리를 정의하는 것이 더 적절합니다. 이 스타일은 테두리의 두께(2px), 스타일(solid), 색상(black)을 지정합니다.
  3. 더 나은 유지 보수성과 호환성:

    • CSS를 사용하면 스타일과 구조를 분리하여 유지 보수성이 더 좋고, 다양한 디바이스 및 브라우저에서의 호환성이 높아집니다.

이에 따라, <table style="border: 2px solid black;">와 같이 CSS로 테이블 테두리를 설정하는 방법을 권장드립니다. 이는 더 현대적이고 유지보수가 쉬운 방법입니다.

더 자세히 학습하시고 싶으시다면 W3Schools HTML Tables 및 관련 CSS 문서를 참조하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

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

0

43

1

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

0

53

2

MessageSourceTest 코드

0

47

1

인터셉터 에러 설정

0

48

1

resolveArgument()메서드 질문

0

57

1

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

0

57

2

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

2

133

3

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

0

90

3

pdf 오타 문의

0

57

1

ItemUpdateForm 검증 관련 질문입니다.

0

48

1

22page 링크 주소 변경

0

59

2

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

0

53

1

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

0

80

2

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

0

85

2

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

0

65

1

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

0

142

3

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

0

63

1

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

0

103

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

58

1

(주)인프랩 | 대표자: 이형주 | 사업자번호: 499-81-00612 통신판매업: 2018-성남분당B-0062 | 개인정보보호책임자: 이동욱 이메일: info@inflearn.com | 전화번호: 070-4948-1181 주소: 경기도 성남시 분당구 판교로289번길 20 3동 5층

©INFLAB. ALL RIGHTS RESERVED