Totally 개발자

Totally 개발자

반응형
  • 분류 전체보기 (207)
    • 소개 (1)
    • 프론트엔드개발 (40)
      • HTML&CSS (4)
      • JavaScript (13)
      • Angular (4)
      • React (13)
      • React & Typescript & Webpac.. (6)
    • 백엔드&클라우드 (4)
      • Node.js (1)
      • PHP (2)
      • Cloud (1)
      • ELK Stack (0)
    • 모바일어플개발 (117)
      • Flutter (75)
      • Flutter 실전어플 개발 (15)
      • Flutter Tips (20)
      • Flutter Windows App Tips (3)
      • Flutter & Agora 연동 (3)
      • Kotlin (1)
      • Swift (0)
    • 프로그램개발 (2)
      • WinForms C# (2)
    • 프로젝트관리 (1)
      • Docker (1)
      • Git, Github (0)
      • Jira, Confluence (0)
      • Notion, Slack, Trello (0)
    • 알고리즘 (15)
      • 프로그래머스 알고리즘 공부 (15)
    • 데이터베이스 (12)
      • MySQL (5)
      • MongoDB (3)
      • Firebase (4)
    • 네트워크 (0)
      • 프로토콜 (0)
      • 네트워크개념 (0)
    • 데이터분석&마케팅 (14)
      • Google Analytics 4 (12)
      • Amplitude (0)
      • Facebook(Meta) Pixel (0)
      • Tiktok Pixel (0)
      • Appsflyer (2)
    • 개념&용어 (0)
      • 프로그래밍용어 (0)
    • OS (1)
      • 리눅스(Ubuntu 24) (1)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

Totally 개발자

컨텐츠 검색

태그

foreach MySQL Flutter 데이터베이스 map 리액트 자바스크립트 파이어베이스 앱개발 쇼핑몰앱개발 플러터 프로그래머스 크로스플랫폼 REACT GA4 상태관리 HTML Firebase JavaScript Google Analytics 4

최근글

댓글

공지사항

아카이브

rowspan(1)

  • [002] HTML - Table (rowspan, colspan 셀 병합 사용)

    안녕하세요~ totally 개발자입니다. 오늘은 태그와 셀 병합하는 방법에 대해 살펴보겠습니다. 아래처럼 3x3 3행3열의 테이블이 있다고 가정합니다. 1 2 3 4 5 6 7 8 9 테이블을 이렇게만 구성한다면 위 방법만 알고 계셔도 충분하지만 데이터를 출력할 때 row(행)끼리, column(열)끼리 병합하는 경우가 빈번합니다. 이런 경우, rowspan과 colspan 속성을 사용해주셔야 합니다. 아래 예제를 통해 1,4,7의 row(행)를 병합하는 방법과 5,6의 column(열)을 병합해보는 실습을 해보도록 하겠습니다. 1 2 3 4 5 6 rowspan과 colspan의 원리는 간단하지만 처음에는 헷갈릴 수 있기 때문에 다양한 예제를 통한 실습이 중요합니다. 핵심적으로 알아두실 것은 병합이 시..

    2023.01.13
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바