전체 글 (170) 썸네일형 리스트형 [CSS] 레이아웃 구성 01 수평, 중앙, One True 정렬 레이아웃 수평 정렬 레이아웃 - float와 overflow 속성을 사용해 레이아웃을 만들기 - 규칙: 자손에게 float 속성을 지정하고, 부모의 overflow속성에는 hidden키워드를 적용 Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint dolore consectetur rerum quisquam error eligendi mollitia facilis officiis similique non. Totam reprehenderit eveniet optio possimus quo et minus voluptatibus molestias. 메뉴 - 1 메뉴 - 2 메뉴 - 3 메뉴 - 4 Lorem.. [혼공머신] CHAPTER 06-3 주성분 분석 차원(dimension) : 머신러닝에서 10000개의 특성이 있다면 10000개의 차원이 있는 것 차원 축소(dimensionality reduction) 데이터를 가장 잘 나타내는 일부 특성을 선택해 데이터 크기를 줄이고 지도 학습 모델의 성능을 향상시키는 방법 또는 줄어든 차원에서 원본 차원으로 손실을 최대한 줄이면서 복원->특성의 개수를 줄인다 주성분 분석(principal component analysis, PCA) - 데이터에 있는 분산이 큰 방향을 찾는 것 - 분산: 데이터가 널리 퍼져있는 정도 -> 가장 많이 퍼져있는 쪽을 찾는 방법 >> 그 방향이 이 데이터를 표현하는데 가장 적합하기 때문이다 과일 사진 데이터를 다운로드해 넘파이 배열로 적재한다 !wget https://bit.ly/fr.. [혼공머신] CHAPTER 06-2 k-평균 이전에는 사과, 파인애플, 바나나 사진임을 이미 알고 있어서 각 과일의 평균을 구할 수 있었지만 실제 비지도 학습에서는 사진에 어떤 과일이 있는지 알지 못한다 이런 경우 평균값을 어떻게 구할 수 있을까? k-평균 군집 알고리즘(클러스터 중심 or 센트로이드) 무작위로 k개의 클러스터 중심을 정한다(랜덤하게) 각 샘플에서 가장 가까운 클러스터 중심을 찾아 해당 클러스터의 샘플로 지정한다 클러스터에 속한 샘플의 평균값으로 클러스터 중심을 변경한다 클러스터 중심에 변화가 없을 때까지 2번으로 돌아가 반복한다. !wget https://bit.ly/fruits_300_data -O fruits_300.npy #데이터 다운로드 import numpy as np fruits = np.load('fruits_300... [혼공머신] CHAPTER 06-1 군집 알고리즘 비지도 학습(unsupervised learning) 지도학습이 특정 입력에 대하여 올바른 정답이 있는 데이터가 주어지는 학습이라면, 비지도 학습은 특정 입력에 대해 정답이 없는 데이터가 주어지는 학습이다. 군집화(clustering) 과일 사진 데이터 준비하기 !wget https://bit.ly/fruits_300_data -O fruits_300.npy - 사과, 바나나, 파인애플 흑백 사진 import numpy as np import matplotlib.pyplot as plt fruits = np.load('fruits_300.npy') 넘파이에서 npy 파일을 로드하는 방법 print(fruits.shape) fruits 배열의 크기 확인 (300, 100, 100) 300개의 샘플이 있고,.. [CSS] CSS3 속성 01 박스 속성 - 웹 페이지의 레이아웃을 구성할 때 가장 중요 margin 속성 테두리와 다른 태그 사이의 테두리 바깥쪽 여백 border 테두리 padding 테두리와 글자 사이의 테두리 안쪽 여백, 배경색은 padding 영역까지만 적용 width 글자를 감싸는 영역의 가로 크기 height 글자를 감싸는 영역의 세로 크기 박스 크기와 여백 - width와 height 속성 : 글자를 감싸는 영역의 크기를 지정 - border : 테두리의 두께 지정 - margin : 테두리와 다른 태그의 간격을 지정 - padding : 테두리와 바깥쪽 여백을 지정 태그 전체의 크기 구하기 * margin, border, padding 속성은 양쪽에 위치하므로 2를 곱함 - 전체 너비 = width + 2 x (.. [CSS] CSS3 기초 : 선택자와 단위 01 선택자의 용도와 사용법 CSS 개요 - 선택자 : CSS3에서 특정 HTML 태그를 선택할 때 사용 - 스타일시트 : CSS로 작성된 코드 - 기본 선택자 전체 선택자 * HTML 페이지 내부의 태그를 모두 선택 태그 선택자 태그 HTML 페이지 내부의 특정 태그를 모두 선택 아이디 선택자 #아이디 특정 id 속성이 있는 태그 선택, 웹 표준에 id 속성은 웹 페이지 내부에서 중복되면 안 된다는 규정이 있으므로 아이디 선택자는 특정 태그 하나를 선택할 때 사용 클래스 선택자 .클래스 특정 클래스가 있는 태그 선택 전체 선택자와 태그 선택자 1. 전체 선택자 사용하기 제목 글자 태그 Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantiu.. [HTML] 입력 양식 태그와 구조화 태그 01 입력 양식 태그 입력 양식 - 사용자에게 정보를 입력받는 요소 입력 양식 개요 - 태그 : 영역 생성 입력 양식 종류 기본 입력 양식 태그 - 태그의 type 속성을 이용해 다양한 기본 입력 양식 생성 간단한 입력 양식 생성 - 라디오 버튼의 name 속성을 이용해 여러 대상 중 하나만 선택하는 형태 이 름 성 별 남자 여자 선택 가능한 입력 양식 1. 한 항목만 선택하기 : 태그 이용 - 목록으로 보여주는 항목 중 하나 또는 여러 개를 선택할 때 사용 - 기본적으로 하나만 선택 가능 - , 태그를 함께 사용 점심 메뉴 김밥 떡볶이 돈까스 라면 2. 여러 항목 선택하기 : 태그의 multiple 속성 사용 점심 메뉴 김밥 떡볶이 돈까스 라면 3. 선택 옵션 묶기 : 태그 사용 점심 메뉴 김밥 떡볶이.. [HTML] HTML5 기본 태그 01 글자 태그 제목과 본문 글자 태그 - 문서의 제목을 표현할 때 사용 - h는 heading을 의미 태그 설명 제목 글자 h1 첫 번째로 큰 제목 글자 생성 h2 두 번째로 큰 제목 글자 생성 h3 세 번째로 큰 제목 글자 생성 h4 네 번째로 큰 제목 글자 생성 h5 다섯 번째로 큰 제목 글자 생성 h6 여섯 번째로 큰 제목 글자 생성 본문 글자 p 본문 문단 생성 br 줄 바꿈 hr 수평 줄 삽입 제목 글자 태그 h1 글자 태그 h2 글자 태그 h3 글자 태그 h4 글자 태그 h5 글자 태그 h6 Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae expedita dicta debitis quidem dignissimos officii.. 이전 1 ··· 14 15 16 17 18 19 20 ··· 22 다음
