분류 전체보기
-
React 코드 2번 실행 되는 이유(Strict Mode)front-end/React 2023. 8. 7. 08:58
1. StrictMode index.js에 있는 React.strictMode가 켜져 있을 경우 2번씩 실행이 된다. 개발 모드에서만 활성화된다. 프로덕션 빌드에는 영향을 미치지 않는다. 2. 모드 활성화를 통한 장점 레거시 문자열 ref의 사용에 대한 경고 레거시 context API 검사 예상치 못한 부작용 검사 권장되지 않는 findDomNode 사용에 대한 경고 - 자세한 내용에 대한 React 문서 사이트 https://ko.legacy.reactjs.org/docs/strict-mode.html
-
transform & animation 쓰는 이유front-end/HTMI CSS 2023. 8. 6. 14:21
1. transform의 속성 rotate 회전 translate 좌표 이동 scale 확대 축소 skew 비틀기 .box1 { transform : rotate(10deg); } .box2 { transform : translate(10px, 20px); } .box3 { transform : scale(2); } .box4 { transform : skew(30deg); } - 2개 이상의 속성을 부여하고 싶을 경우 .box1 { transform : rotate(10deg) scale(1.5); } 2. animation 속성 @keyframs 정의하기 x% 애니메이션 x% 동작시 실행 @keyframes 좌우움직임{ 0% { transform : translateX(0px); } 50% { tra..
-
머신러닝 7과정 실습ML&DL&AI/ML 2023. 8. 4. 14:13
1. 문제정의 500명의 키, 몸무게 데이터를 통해서 비만도 계산하기 머신러닝의 과정을 이해하기 2. 데이터 수집 라이브러리 불러오기 import numpy as np = 수치계산용 라이브러리 import pandas as pd = 행과 열을 가지는 표와 같은 형태의 데이터를 다루는 라이브러리 import matplotlib.pyplot as plt = 시각화 라이브러리 import numpy as np import pandas as pd import matplotlib.pyplot as plt 데이터 읽어오기(data 라는 변수에 넣기) 단 label > 인덱스로 만들어주기 data = pd.read_csv('data/bmi_500.csv', index_col= 'Label') data 데이터 크기 확..
-
-
머신러닝의 과정ML&DL&AI/ML 2023. 8. 4. 10:53
머신러닝의 과정 Problem Identification(문제 정의) Data Collect(데이터 수집) Data Preprocessing(데이터 전처리) EDA(탐색적 데이터분석) Model 선택, Hyper Parameter 조정 Training(학습) Evaluation(평가) 1. Problem Identification(문제 정의) 비즈니스 목적 정의모델을 어떻게 사용해 이익을 얻을까? 현재 솔류션의 구성 파악 지도 VS 비지도 VS 강화 분류 VS 회귀 2. Data Collect(데이터 수집) File (CSV, XML, JSON) Database Web Crawler (뉴스, SNS, 블로그) lot 센서를 통한 수집 Survey 3. Data Preprocessing(데이터 전처리) 결..
-
머신러닝의 종류ML&DL&AI/ML 2023. 8. 4. 10:25
1. 머신러닝의 등장 데이터를 이용하여 스스로 특성과 패턴을 찾아 학습하고 예측을 수행하는 것 머신러닝의 종류 지도학습 (Supervised Learning) 비지도학습 (Unsupervised Learning) 강화학습 (Reinforcement Lerarning) 2. 지도학습 데이터에 대한 Label(명서적인 답)이 주어진 상태에서 컴퓨터를 학습시키는 방법. 분류(Classification)와 회귀(Regression) 범주형 데이터가 있으면 분류를 사용 ex) 생존여부, 암 판정, 스팸 메일 분류, 품종분류 등등 연속형 데이터가 있으면 회귀를 사용 ex) 키, 몸무게, 급여, 집 가격 예측 등등 - 분류(Classification) 미리 정의된 여러 클래스 레이블 중 하나를 예측하는 것 (범주형)..
-
인공지능의 바라보는 시선ML&DL&AI/ML 2023. 8. 4. 09:36
1. 인공지능을 바라보는 시선 benfucial Ai 2017 컨퍼런스 인공지능의 위험성에 대한 우려로 제정 불쾌한 골짜기 인간이 로봇에 대해 호감도가 증가하다가 어느 정도에 도달하면 갑자기 강한 거부감을 느끼는 현상 지능, 윤리 & 도덕 관점 단순히 똑똑한 것을 넘어 서서 옳고, 그름을 판별할 수 있는 지능을 가지는 것이 인공지능 ex) 이루다 사건, 윤리적 딜레마 등등 2. Rule-based expert system 규칙기반 전문가 시스템 if 와 else로 하드 코딩된 명령을 사용하는 시스템 문제점 많은 상황에 대한 규칙들을 모두 만들어 낼 수 없음 제작한 로직이 특정 작업에만 국한되어 작업이 조금만 변경되어도 전체 시스템을 다시 만들어야 할 가능성이 높음 규칙을 설계하려면 해당 분야에 대해서 잘..
-
HTML video 태그 속성(비디오 배경 사용 방법)front-end/HTMI CSS 2023. 8. 3. 22:51
1. video 태그 영상을 보여주는 태그 controls 속성을 넣으면 재생 컨트롤 바가 생성 source 태그를 사용할 경우 조금 더 호환성이 좋아진다. ex) 2. 비디오 태그의 속성 muted 음소거 autoplay 자동재생 단 muted를 적어야 작동 poster 썸네일이미지 preload 영상 다운로드 속성 auto metadata none metadata 초반 부분만 다운로드 3. 비디오를 배경으로 사용하는 방법 autoplay로 자동 재생의 속성을 이용 loop 속성을 이용하여 반복 재생을 하면 가능 안녕하세요 심투의 블로그입니다. .video-box { height: 500px; width: 100%; overflow: hidden; position: relative; } .video-c..