오뚝이개발자

위 사진에서 CSS에 대해 설명하는 글을 우측의 공간에 넣으려면 어떻게 해야 할까? 이럴 때 사용하는 것이 바로 grid라는 CSS의 최신기술이다. div, span 태그 웹을 만들다보면 디자인을 위해 의미없는 태그를 사용해야 하는 때가 있다. 이 때 사용하는 것이 와 이라는 태그이다. 는 block level element, 은 inline element이다. NAVIGATION ARTICLE NAVIGATION ARTICLE 그리드(grid) NAVIGATION ARTICLE 위와 같이 div를 div 부모 태그로 한 번 더 감싸주고, grid라는 id를 준다. 그 후, display 속성을 grid로 선택한 뒤 grid-template을 선택해주면 된다. 여기서 grid-template은 어떻게 배..

테두리, 구분선 넣기 1. 테두리 넣기 h1 { font-size: 45px; text-align: center; border:1px solid gray; margin:0px; padding:20px; } 위와 같은 style 옵션을 style 태그 안에 넣어주면 아래 그림과 같은 결과를 볼 수 있다. border는 테두리를 지정해주는 속성이다. 그림에서 보듯이 WEB에 테두리가 생겼다. 2. 구분선 넣기 border를 조금 수정하여 테두리가 아닌 구분선으로 넣을 수도 있다. h1 { font-size: 45px; text-align: center; border-bottom:1px solid gray; margin:0px; padding:20px; } border-bottom으로 한 결과 위의 사진처럼 ..

선형 회귀는 사용되는 특성(feature)의 갯수에 따라 다음과 같이 구분된다. - 단순 선형 회귀(simple linear regression) : 특징이 1개 - 다중 선형 회귀(multiple linear regression) : 특징이 여러개 LASSO와 Ridge는 선형 회귀의 단점을 보완해 범용성을 부여하기 위해 만들어진 도구들이다. 선형 회귀란? 예컨대, 어묵을 팔고 있는 사람이 기온에 따른 자신의 어묵 판매량을 알아보기 위해 상관관계를 조사했다고 하자. 그 결과 기온이 낮은 날에는 어묵 판매량이 늘어나는 경향이 있었다. 이를 바탕으로 경향성을 분석하자 y=ax+b와 같은 선형 관계가 나타났다. 덕분에 어묵 장수는 자신의 다음 날의 기온을 일차함수식에 넣어 판매량을 예측한 뒤 필요한 만큼의 ..

박스 모델 CSSCascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML.[1] CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.[2] CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts.[3] This separation can improve content acces..

글씨크기, 정렬 style태그 안에 아래와 같은 코드를 추가해보자. h1 { font-size: 45px; text-align: center; } 위 코드는 h1태그가 사용된 곳의 글씨크기를 45px로 바꾸고, 가운데 정렬을 시행한다. class 선택자 HTML CSS 위와 같이 코드를 수정한 뒤, style 태그 안에 아래와 같은 내용을 추가해준다. .saw { color:gray; } 그러면 saw라고 명명한 class들만 gray로 색상을 바꾸어준다. 이러한 것을 class 선택자라 하고 style 태그 안에선 위와 같이 style 옵션을 준다. class는 여러 개일수도 있고, 이들은 공백으로 구분한다. 아래와 같은 경우도 가능하다는 것이다. CSS id 선택자 CSS 위와 같이 id를 추가해보자..

Bias와 Variace의 개념 쉽게 사격을 한다고 생각하면 된다. 위 그림의 파란색 엑스표는 예측값을 나타낸다. bias란 말그대로 예측값이 중앙(Truth)에서 얼마나 멀리 떨어져있는지를 나타낸다. bias가 높으면 중앙에서 멀리 떨어져있고, 낮으면 중앙과 가까이 붙어있다는 것이다. variance란 예측값들이 서로 얼마나 멀리 떨어져있는지를 나타낸다. variance가 높으면 예측값들이 서로 멀리 떨어져있고, 낮으면 서로 붙어있다. 성능과 bias, variance - 모델의 성능을 높이기 위해선 당연하게도 bias와 variance를 둘 다 줄이는 것이 좋다. - 하지만 이 둘 간에는 상충관계(trade-off)가 있다. - 일반적으로 bias가 증가하더라도 variance의 감소폭이 크면 좋은 ..

style 태그 - 해당 태그 안에 있는 내용은 CSS 문법으로 해석하라고 알려주는 태그 - CSS는 세미콜론으로 행 구분 - style태그의 위치는 head태그 안에 써준다. - style태그를 사용하면 특정 태그가 등장하는 모든 곳에 동일한 디자인 옵션을 주어 번거롭게 바꾸지 않아도 된다. - 장점 : 유지보수 용이, 코드에서 HTML정보와 디자인 부분 분리(가독성 향상) HTML에서 포스팅한 실습 코드 중 index.html에 아래와 같이 style태그를 삽입하면 된다. 위의 사진에서 a태그가 달린 부분들이 모두 주황색으로 디자인이 바뀐 것을 볼 수 있다. style 속성 style태그 대신 style 속성을 쓰면 HTML 태그 안에 디자인 옵션을 줄 수 있다. 이렇게 하면 해당 태그가 등장하는 모..

L1, L2 regularization은 모두 overfitting을 막기 위해 사용된다. 두 개념을 알기 위해 필요한 사전개념들이 있다. 이들을 순차적으로 알아보자. Norm Norm은 벡터의 크기(길이)를 측정하는 방법(혹은 함수)이다. 두 벡터 사이의 거리를 측정하는 방법이기도 하다. - p는 Norm의 차수, p=1이면 L1 Norm이고, p=2이면 L2 Norm - n은 해당 벡터의 원소 수 L1 Norm - L1 Norm은 쉽게 말해 벡터 p,q의 각 원소들의 차이의 절댓값의 합 L2 Norm - L2 Norm은 벡터 p, q의 직선 거리 - q가 원점이라면 벡터 p, q의 L2 Norm은 벡터 p의 원점으로부터의 직선거리 L1 Norm과 L2 Norm의 차이 - 검정색 두 점 사이의 L1 N..