[HTML] 테이블 태그(2) - colspan, rowspan 속성

colspan 속성 - , 에서 주로 사용 - 데이터가 여러 열에 걸쳐 있을 때 사용 - 범위에 걸쳐 있는 열의 개수를 입력받음 코드 coffee tea latte Americano herb tea strawberry latte colspan 속성 - , 에서 주로 사용 - 데이터가 여러 행에 걸쳐 있을 때 사용 - 범위에 걸쳐 있는 행의 개수를 입력받음 코드 coffee tea latte Americano Herb tea Strawberry latte Cold brew Matcha latte

• format_list_bulleted Front-end/HTML
• · 2023. 9. 6.
• textsms

[HTML] 테이블 태그(1) - <table>, <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>

테이블 태그 (table) - 데이터를 포함하는 셀들의 행과 열로 구성된 2차원 테이블 생성할 때 사용 태그 - 테이블 생성 태그 - 테이블에 행 추가 태그 - 테이블에 데이터 추가 - 테이블 행, 열 내에 위치해야 함 Americano Herb tea Strawberry latte 태그 - 테이블의 행과 열에 제목 추가 scope : 제목이 어느 곳에 위치할지 결정하는 속성 제목 : 행의 제목 제목 : 열의 제목 coffee tea latte Americano Herb tea Strawberry latte 태그 - 테이블 데이터를 섹션화 - 테이블이 커져 많은 데이터를 포함할 때 사용 - 데이터를 한 개 이상 포함해야 함 coffee tea latte Americano Herb tea Strawberr..

• format_list_bulleted Front-end/HTML
• · 2023. 9. 6.
• textsms

[HTML] 비디오 태그 - <video>

비디오 태그 (video) - 비디오를 웹 페이지에 포함할 때 사용 - 태그와 달리 닫는 태그 필요 - 여는 태그와 닫는 태그 사이에 적힌 텍스트는 브라우저가 비디오를 로드할 수 없는 경우에만 표시됨 src : 비디오의 위치, 주소 추가하는 속성 controls : 일시 중지, 재생과 같은 기본 비디오 컨트롤을 포함하도록 브라우저에 지시하는 속성 autoplay: 페이지가 로드되자마자 동영상이 자동으로 재생되는 속성 loop: 이 속성을 사용하면 비디오가 계속해서 반복해서 재생되는 속성 비디오를 로드할 수 없습니다. Video not supported

• format_list_bulleted Front-end/HTML
• · 2023. 9. 5.
• textsms

[HTML] 영역 정의 태그 - <div>

div 태그 - HTML 요소 그룹화하는 데 사용 - 시각적 표현 없음 - 사용자 정의 스타일 적용할 때 유용 This is a heading in a div element This is some text in a div element.

• format_list_bulleted Front-end/HTML
• · 2023. 9. 5.
• textsms

[라이브러리] 맷플롯립(Matplotlib) - 라인 플롯, 축 레이블, 범례 삽입

맷플롯립(Matplotlib) - 데이터를 차트나 플롯으로 시각화 - Matplotlib의 주요 모듈인 pyplot은 plt라는 명칭으로 import 하는 것이 관례 import matplotlib.pyplot as plt 라인 플롯(plot) plt.plot() : 라인 플롯을 그림 : x축과 y축의 값을 기재하고 시각화 import matplotlib.pyplot as plt plt.plot([1,2,3,4],[2,4,8,6]) plt.show() 제목 및 축 레이블 삽입 plt.title() : 그래프의 제목 삽입 plt.xlabel() or plt.ylabel() : x축 or y축에 축 이름 삽입 plt.title('test') plt.plot([1,2,3,4],[2,4,8,6]) plt.xla..

• format_list_bulleted AI/NLP
• · 2023. 7. 7.
• textsms

[라이브러리] 넘파이(Numpy) - ndarray, 메소드, 슬라이싱, 정수 인덱싱

넘파이(Numpy) - 수치 데이터를 다루는 파이썬 패키지 - 벡터 및 행렬을 사용하는 선형 대수 계산에서 주로 사용 - Numpy는 np라는 명칭으로 import 하는 것이 관례 import numpy as np np.array() - 리스트, 튜플, 배열로 부터 ndarray를 생성 - 축의 개수(ndim)와 크기(shape) 존재 import numpy as np vec = np.array([1, 2, 3, 4, 5]) print(vec) print("vec의 타입 :", type(vec)) [1 2 3 4 5] vec의 타입 : - 2차원 배열을 만들 때는 array() 안에 하나의 리스트만 들어가므로 리스트의 리스트를 넣어야 함 mat = np.array([[10, 20, 30], [40, 50..

• format_list_bulleted AI/NLP
• · 2023. 7. 7.
• textsms

[라이브러리] 판다스(Pandas) - 시리즈(Series), 데이터프레임(DataFrame), 외부 데이터 읽기, 프로파일링(Profiling)

판다스(Pandas) - 파이썬 데이터 처리를 위한 라이브러리 - Pandas는 pd라는 명칭으로 import 하는 것이 관례 import pandas as pd 데이터 구조 종류 : 시리즈(Series), 데이터프레임(DataFrame), 패널(Panel) 시리즈(Series) - 1차원 배열의 값(values)에 각 값에 대응되는 인덱스(index)를 부여할 수 있는 구조 import pandas as pd sr = pd.Series([17000, 22000, 1000, 5000], index=["피자", "치킨", "콜라", "하이볼"]) print("시리즈 출력 :") print('-'*15) print(sr) 시리즈 출력 : --------------- 피자 17000 치킨 22000 콜라 10..

• format_list_bulleted AI/NLP
• · 2023. 7. 5.
• textsms