| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- Til
- CS
- 선형대수
- 덴드로그램
- 엘런 튜링
- Django
- 2023
- WIL
- computer science
- stored function
- Recommender system
- Programmers
- mysql
- 한 권으로 읽는 컴퓨터 구조와 프로그래밍
- 멀티스레딩
- SQL
- 혼자 공부하는 SQL
- MVT
- 퓨처셀프
- PCA
- FastAPI
- 백준
- 프로그래머스
- 다시 왔다!
- JP Study
- 컴퓨터 과학이 여는 세계
- 문제풀이
- 1463
- Stored Procedure
- 미래혁신대전
- Today
- Total
Growth Hoon
20231124_TIL_{ 프론트앤드 : [ inline 요소와 block요소에 관하여 ], 선형대수학 : [ 스칼라부터 행렬까지 ] 본문
20231124_TIL_{ 프론트앤드 : [ inline 요소와 block요소에 관하여 ], 선형대수학 : [ 스칼라부터 행렬까지 ]
sayhoon 2023. 11. 24. 21:57inline 요소와 block요소에 관하여
웹표준에 대해서는 W3C에서 확인이 가능하다
태그(tag)에 대해서
- <태그> contents </태그>
열린태그 닫힌태그
- <태그 속성 = 값> contens <태그>
- <태그> OR <태그/> (빈 태그)
상위 요소(tag)와 하위 요소에 대해서
<div> <!-- 이 부분이 상위 요소 >
<div> </div> <!-- 이 부분이 하위 요소>
</div>
inline요소와 block요소
- inline 요소 : 글자를 만들기 위한 요소 (요소가 수평으로 보임)
- block 요소 : 상자 (layout)를 만들기 위한 요소 (영역을 설정)
** inline 요소 내부 (하위 요소)로 block 요소를 넣을 수 없음 !
문서의 정보를 나타내는 <head>요소와 구조를 나타내는 <body> 요소
1. <head> 내부에서 사용하는 요소들
- <meta>요소 : 여러 정보를 검색엔진이나 브라우저에 제공
- <link>요소 : 외부 문서를 가져와서 연결할 때 사용 (대부부 CSS 파일)
- <style>요소 : html 내부에서 스타일 사용시 ( 대부분 CSS 파일로 link 연결함)
- <scripts> 요소 : JS 불러오는 요소, JS경로 불러 올 때 src 속성 사용
2. <body> 내부에서 사용하는 요소들
- <div> 요소 : block 요소로 특별한 의미는 없고, 구분을 위해서 사용하는 요소임
- <h1> 요소 : 제목 block 요소임
이 외에도 많이 존재하지만, 너무 좋은 사이트를 찾음 Mdn_web_docs 해당 사이트 참조 하자 !
CSS 문법
- 선택자 {속성 : 값;} : 선택자의 속성을 값으로 꾸며줌
ex) div {color : red;} -> div 요소의 color 속성을 red로 바꿈
스칼라부터 행렬까지
스칼라 (Scalar)
- 크기 (magnitude)만으로 나타낼 수 있는 물리량 (키, 몸무게 등)
- 숫자 하나
벡터 (vector)
- 행렬(matrix) 을 구성하는 기본 단위
- 크기(magnitude)와 방향(direction)을 모두 나타내는 개념
- 행(recode) 벡터, 열(feature) 벡터가 있음
행렬 (matrix)
- 다양한 행렬들을 본 것 같음
1. 대칭 행렬
- 주 대각을 기준으로 위 아래가 같은 행렬
- 행렬 A가 존재할 때, $$AA^{T} or A^{T}A = 대칭행렬 $$
2. 대각 행렬
- Diagonal matrix라고 함
- 대각 행렬을 D라고 할 때,
DA = A행을 D대각의 원소배
AD = A열을 D대각의 원소배
3. 단위 행렬(=항등 행렬)
- 대문자 아이 (I) 로 표시
- 주 대각선의 원소가 1인 행렬
4. 삼각 행렬
- 상 삼각행렬과 하 삼각행렬은 서로 전치 행렬(Transpose) 관계임
5. 토플리츠 행렬 (Toeplitz matrix)
- 시계열 분석시 사용하는 행렬
6. 하우스 홀더 행렬 (House holder matrix)
- 정사각 행렬로만 존재, 모든 열이 직교하는 형태
- 아래 수식에서 V는 벡터로, 분자는 외적을 통해서 행렬이 만들어짐
$$ H = I - 2\frac{VV^{T}}{V^{T}V} $$
reference site
1. 삼각행렬 이미지
2. 단위행렬 이미지
3. 대칭행렬 이미지
4. 대각행렬 이미지
5. 토플리츠 행렬 이미지
6. 하우스홀더 행렬 이미지
