반응형

분류 전체보기 218

[CSS] CSS란?, CSS3를 HTML5에 적용하기

#HTML #CSS ​ ​ ​ CSS란 무엇인가? ​ Cascading Style Sheets(CSS)는 HTML이나 XML로 작성된 문서의 표시 방법(스타일)을 기술하기 위한 스타일 시트 언어이다. CSS는 요소(element)가 화면, 종이, 음성 등 다른 매체 상에 어떻게 렌더링되는지 지정한다.(색상, 크기, 모양 등) ​ 간단히 말해 웹페이지를 꾸미기 위해 작성하는 코드이다. ​ ​ HTML과 유사하게 CSS는 프로그래밍 언어가 아니다. 하지만 HTML과 같은 마크업 언어(markup)도 아니다. CSS는 Style sheet 언어인데 HTML 문서 내에 있는 요소들에 선택적으로 스타일을 적용할 수 있다는 뜻이다. subprofessor 결과화면 HTML 삽입 미리보기할 수 없는 소스 ​ 위와 같..

개발/웹개발 2022.08.31

[HTML] 항목, 리스트 만들기 : <ul>, <li>, <ol>

#HTML ​ ​ 웹 페이지에서 항목이나 데이터를 순차적으로 나열하는 것을 List(리스트)라고 한다. 리스트에는 크게 세 가지 종류가 있다. ​ : 순서가 없는 리스트 (unordered list) : 순서가 있는 리스트 (ordered list) : 정의 리스트 (definition list) ​ 이 글에서 정의 리스트는 다루지 않는다. ​ ​ 동그라미 리스트 : 검은색 동그라미로 항목을 표시하는 리스트로, 다음과 같은 형식으로 사용한다. ​ 1번째 항목 2번째 항목 . . . k번째 항목 ​ 과 내부에 들어갈 각 항목들은 태그를 사용하여 표시한다. ​ ​ 예시 코드는 다음과 같다. subprofessor HTML5 subprofessor CSS5 Java script subprofessor subp..

개발/웹개발 2022.08.28

[HTML] HTML 기본구조, 기본태그

#HTML ​ ​ ☆ html은 프로그래밍 언어가 아니다 ★ html은 연산이나 통신같은 기능을 수행할 수 없다 ☆ html은 단순히 웹페이지의 겉모습과 구조를 담당한다 ​ ​ ★ visual studio code에서 html파일을 열고 ! + TAB 또는 ! + ENTER 입력시 html 의 기본 구조 템플릿을 생성한다 ☆ 기본 구조는 내용 형식을 가지며 html은 이러한 태그들을 순서에 맞게 조합한 문서임 ★ html 문서는 문서의 특성을 명시하는 태그와 로 끝난다 ☆ html에서 태그는 크게 head 태그와 body 태그로 나눌 수 있다 ★ 외부자료에 대한 참조(CSS, JS), 웹사이트에 대한 정보는 head 태그에 들어간다 ☆ 실제 화면의 내용은 body 태그에 들어간다 ​ ​ HTML Basi..

개발/웹개발 2022.08.26

[HTML] 웹 페이지에 이미지와 링크삽입하기 / 문서 내 하이퍼링크 달기 : <img>, <a>

#HTML ​ 웹 페이지에 이미지 삽입하기 는 end tag가 없는 empty tag이다. 형식을 가진다. ​ 예시코드는 다음과 같다. ​ width와 height 속성을 통해 이미지 너비와 높이를 조절할 수 있다. 기본단위가 pixel로 설정되어 있기 때문에 단위없이 임의의 양의 정수를 입력해도 되고 100px와 같이 px단위를 붙여줘도 동일하게 작동한다. 기본적으로 width와 height 중 하나만 입력될 경우 비율이 유지되고 비율과 다르게 입력시 알맞게 이미지 크기가 변형된다. ​ ​ 지원되는 이미지 파일의 확장자는 다음과 같다. ​ ​ ​ ​ loading 속성을 사용하여 이미지가 로딩되는 시점을 조절할 수도 있다. ​ ​ ​ ​ 웹 페이지에 하이퍼링크 연결하기 태그는 다른 웹 페이지, 파일, ..

개발/웹개발 2022.08.23

[머신러닝] Cross Validation

#머신러닝 ​ ​ 머신러닝에서는 일반화 성능을 향상시키는 것 즉 테스트 오류를 최소화하는 것이 주된 목표입니다. Cross validation은 validation set을 여러 개 뽑아 각각에 대한 validation error를 추출해 그것의 평균이 가장 작도록 하는 모델을 찾아나가는 것입니다. ​ ​ ​ 용어 정리 1. Overfitting(과적합) : 학습 정확도는 상당히 높은 반면 실제 테스트시 정확도가 상당히 떨어지는 문제 학습을 위한 데이터는 한정적이기 때문에 학습 정확도가 100%가 되더라도 새롭게 주어지는 테스트 샘플에 대한 정확도는 제법 괴리가 있을 수 있다는 것. Decision tree에서 Depth 즉 트리의 길이를 최대한으로 하였을 때 학습 성능은 100%가 되지만 계산량이 늘어..

카테고리 없음 2022.08.22

[머신러닝] 지도학습과 비지도학습(Supervised/Unsupervised Learning)

#머신러닝 ​ ​ 머신러닝이란 데이터에 대한 학습을 수행하는 알고리즘에 대한 학문입니다. ​ 데이터 x가 있다고 할 때 이것을 함수 f 에 넘기면 데이터 x의 예측값 혹은 x를 추론하거나 이해하는 데 도움이 되는 좀 더 압축된 x의 표현을 아웃풋으로 내보냅니다. 이 함수 f에 대한 탐구, f의 최적화 등이 머신러닝의 주요 주제입니다. ​ ​ 머신러닝을 사용해 문제를 해결하기 전 지도(Supervised) 혹은 비지도(Unsupervised) 알고리즘을 적용해야 하는 문제인지 분류할 수 있습니다. ​ ​ ​ ​ 1. Supervised learning 지도학습(Supervised learning; 지도 알고리즘)은 알고리즘의 트레이닝을 수행할 때 라벨에 대한 정보를 일부 제공할 때를 의미합니다. 알고리즘은..

개발/머신러닝 2022.08.19

[선형대수학] 최소제곱법 (Method of Least Squares)

#선형대수학​ 1. Introduction 최소제곱법은 주어진 데이터와의 오차를 최소화하는 직선을 구하는 방법입니다.​ ​​ 위 그림은 주어진 5개의 데이터에 대해 두 개의 점을 지나며 오차를 줄이는 적당한 직선(linear function)을 그린 것입니다.​ 그러나 몇 개의 점을 지난다고 해서 오차를 완벽히 줄일 수 있는 것은 아닙니다.​ ​​​2. Sum of the square errors​ ​    위 그림은 주어진 데이터(xi, yi)에 대해 그린 직선 y = f(x) 과의 오차 ei를 시각적으로 표현하였습니다. ei 는 yi 에서 선형함수의 함숫값 f(xi) 을 뺀 것의 절댓값으로 정의됩니다.​​ y = f(x)가 y = ax + b 형태로 표현된다고 합시다.​ 이때 error(distanc..

[선형대수학] 케일리-해밀턴 정리 : 행렬의 거듭제곱, 역행렬 (Cayley–Hamilton theorem)

#선형대수학 ​ ​ 고윳값과 고유벡터에 대한 내용은 아래 글 참조 바랍니다 https://subprofessor.tistory.com/58 [선형대수학] 고윳값, 고유벡터, 고유공간 (Eigenvalue, Eigenvector, Eigenspace) #선형대수학 ​ ​ 1. 고윳값과 고유벡터의 정의 n x n 행렬 A에 대해 위 등식을 만족하는 λ(lambda)와 x를 각각 고윳값(Eigenvector), 고유벡터(Eigenvector)라 합니다 ​ ​ 위와 같은 2 x 2 행렬을 생각해봅. subprofessor.tistory.com https://subprofessor.tistory.com/57 [선형대수학] 특성방정식, 고윳값과 고유벡터 구하기 #선형대수학 ​ 1. 특성방정식 (Characteris..

[미분적분학] 방향도함수 (Directional Derivative)

#미분적분학 ​ 1. Definition 다변수함수에서 x, y, z 에 대한 편미분도 가능하지만 임의의 벡터를 기준으로 도함수를 구할 수도 있습니다. 이것을 방향도함수(Directional Derivative)라 부르며 다음과 같이 정의됩니다. ​ ​ ​ ​ 점 P에서 f(x,y,z)의 벡터 b 방향으로의 방향도함수 Dbf 또는 df/ds 는 식 (2)와 같이 정의됩니다. 이때 Q는 P를 지나며 b를 방향벡터로 갖는 직선 L에서 P로 다가가는 움직이는 점이고 s는 P와 Q사이의 거리입니다. ​ ​ ​ 방향도함수의 계산은 gradient 를 이용합니다. 이때 b는 단위벡터입니다. ​ ​ 임의의 크기를 가지는 벡터에 대한 방향도함수의 계산은 벡터의 크기로 나누어주는 것으로 정의됩니다. ​ ​ ​ ​ ​ 다..

반응형