섹션2 -타임리프 기능 : 14.반복(html: border 부분... - 인프런

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

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

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

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

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

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

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

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

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

w3schools도 살펴 봤지만

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

답변 부탁 드립니다.

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

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

HTML border 속성의 사용:
- <table border="1">와 같은 방식은 구형 HTML 방법으로, HTML4 및 이전 버전에서 자주 사용되었습니다. 하지만 이 방법은 최신 웹 표준에서는 추천되지 않습니다.
CSS를 사용한 border 스타일 정의:
- 현대적인 웹 개발에서는 스타일을 정의할 때 CSS를 사용하는 것이 더 권장됩니다. 따라서 <table style="border: 2px solid black;">와 같이 CSS를 활용하여 테이블의 테두리를 정의하는 것이 더 적절합니다. 이 스타일은 테두리의 두께(2px), 스타일(solid), 색상(black)을 지정합니다.
더 나은 유지 보수성과 호환성:
- CSS를 사용하면 스타일과 구조를 분리하여 유지 보수성이 더 좋고, 다양한 디바이스 및 브라우저에서의 호환성이 높아집니다.

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

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

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

생각하는자

작성한 질문수

전체 Q&A

질문하기

인프런 커뮤니티 질문&답변

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