HTML15 [HTML] 표(table) HTML 표: 데이터를 명확하게 제시하다! 안녕하세요, HTML 여행자 여러분! 🚀 웹 페이지에서 데이터나 정보를 깔끔하게 정렬하여 표현하려면 어떻게 해야 할까요? 네, 바로 '표'를 사용하면 되는데요. 오늘은 HTML에서 데이터를 표 형식으로 제시하는 방법을 알아보겠습니다. 1. 표란 무엇인가? 표는 행(row)과 열(column)로 구성된 격자 형태의 데이터 구조입니다. 표를 사용하면 복잡한 데이터도 체계적이고 가독성 좋게 표현할 수 있습니다. 2. HTML 표의 구조 HTML에서 표를 생성하는 것은 간단합니다. 주요 태그들을 알면 누구나 쉽게 표를 만들 수 있어요. 표 시작: 기본 구조: 모든 표는 태그로 시작하며 종료합니다. 표의 헤더: , , 기본 구조: 표의 제목 행을 나타냅니다. 안에 (테이.. 2023. 9. 8. [HTML] HTML이란? 목차 HTML 기초: 웹 페이지의 뼈대를 알아보자! 안녕하세요, 웹 개발에 관심이 있으신 분들! 웹 페이지를 만들기 위한 기초, HTML에 대해 알아보는 시간을 가져보겠습니다. 1. HTML이란? HTML (HyperText Markup Language)은 웹 페이지의 구조를 정의하는 표준 마크업 언어입니다. 즉, 웹 페이지의 뼈대나 구조를 만들어 주는 역할을 합니다. 2. 기본 구조 HTML 문서는 기본적인 구조를 가지고 있습니다: 웹 페이지의 내용 : 현재 문서가 HTML5를 사용한다는 것을 나타냅니다. : HTML 문서의 시작과 끝을 나타내는 태그입니다. : 웹 페이지의 메타 정보, 스타일, 스크립트 등의 정보를 포함하는 곳입니다. : 웹 페이지의 제목을 나타냅니다. 브라우저의 탭에서 확인할 수 있.. 2023. 8. 18. [Spring] 타임리프(Thymeleaf) 목차 1. Thymeleaf ￭ Thymeleaf란? Thymeleaf는 웹 및 웹이 아닌 환경 모두에서 작동할 수 있는 템플릿 엔진입니다. 보통 자바에서 웹 개발시에는 JSP(Java Server Page)를 이용하는데 형태의 스크립트릿을 사용하여 자바 문법을 HTML에서 사용가능하게 해주는데 이 방식은 스크립트릿과 HTML이 섞인 상태가 되어 더 수정하기 어렵습니다. 이러한 상태를 해결하기 위해 템플릿 엔진을 사용하는데 템플릿 엔진은 HTML과 데이터를 결합한 결과물을 만들어 주는 도구입니다. 템플릿 엔진은 최초 한번 전체 페이지를 다 불러오고 응답데이터만 렌더링하는 SSR(Server Side Rendering) 방식입니다. ￭ 설치 MVN REPOSITORY에서 Thymeleaf를 검색하여 Spr.. 2023. 7. 25. 이전 1 2 3 다음
