Everyday-Jaram blog

머신러닝_06_Decision Tree 캐글에서 데이터 다운로드 https://www.kaggle.com/datasets/uciml/mushroom-classification Decision Tree: 특정 기준(질문)에 따라 데이터를 구분하는 모델 -스무고개 하듯이 예/아니오 질문을 반복하면 학습 -분류와 회귀에 모두 사용 가능 장점: 쉽고 직관적인 모델 단점: 과대적합이 발생하기 쉬움→사전 가지치기 필요(트리의 크기 사전 제한) Decision Tree 구조 -Root Node: 가장 상위에 있는 규칙노드. 첫 번째 규칙 조건 -Decision Node: 규칙 노드 -Leaf Node: 규칙노드에 의해 결정된 클래스 값 -depth: 트리의 깊이 -Sub Tree: 규칙 노드에 의해 분류된 클래스값을..

React_04_주사위 게임(State, useEffect) [실습 4]주사위 게임 [부트스트랩] 리액트 부트스트랩 홈페이지 https://react-bootstrap.netlify.app/ https://mui.com/ 부트스트랩 설치(terminal) 2. 부트스트랩 import *프로젝트 전체에 부트스트랩 적용 3. 부트스트랩 css import 4. 가져오기 [주사위 게임룰] Step1. '던지기' 버튼을 눌렀을 때 주사위의 모양 변경/유저의 선택/컴퓨터의 선택 1-1)유저의 주사위 숫자가 랜덤으로 표시 1-2)컴퓨터의 주사위 숫자도 랜덤으로 표시 1-3)유저의 숫자/컴퓨터의 숫자가 이미지로 표시 Step2. 유저와 컴퓨터의 숫자 결과 비교(useEffect) 2-1)내가 이겼을 경우 나의 점수 ..

머신러닝_05_KNN 모델(Iris 데이터) 머신러닝 모델 개략도 2. 일반화, 과대적합, 과소적합: 모델의 신뢰도를 측정하고 성능을 확인하기 위한 개념 과대적합(Overfitting): 지나치게 상세하고 복잡한 모델링을 하여 훈련세트에만 과도하게 동작하는 모델, 테스트 세트의 성능 저하 -조건이 너무 까다로워 조건에 적합한 데이터가 너무 적음 과소적합: 모델링을 너무 간단하게 하여 훈련세트를 충분히 반영하지 못해 훈련세트, 테스트 세트에서 성능 저하 -조건이 단순하여 조건에 적합한 데이터가 너무 많음 일반화: 훈련세트로 학습한 모델이 테스트 데이터가 주어져도 정확히 예측할 거라 기대하는 것. 훈련세트에서 테스트 세트로 일반화가 되었다고 표현 3. 모델 복잡도 곡선 4. 모델의 복잡도 해결 일반적으로 데..

React_03_State State: 컴포넌트 내부에서 관리되는 변경이 가능한 데이터 변수와의 차이점: 값 변경 시 화면에 바로 렌더링이 됨(화면에 적용) - JS 문법에서는 화면에 접근하는 렌더링 코드를 별도로 작성해야 함 State 사용방법 ①State import: import {userState} from 'react'; ②State 선언: const [변수이름, set 변수이름]=useState(초기값) ③State 값 변경: set변수이름(변경값) [실습1]버튼 클릭하면 숫자 증가시키기 [실습2]좋아요 실습: 하트 클릭 시 빨간 하트로 변경, 좋아요 개수 증가 [실습3]랜덤게임: 버튼 클릭 시 랜덤 수 출력되고 선택한 버튼의 숫자와 비교하여 결과 출력 *실행순서가 State 선언 부분-ret..

머신러닝_04_데이터 핸들링 [Titanic 데이터 실습] 1. Pandas 라이브러리 import pandas as pd 2. 파일 로딩 #파일 읽어오기 #최상위 폴더: /content/ #파일경로: 절대경로로 작성 # [TIP]파일경로 쉽게 작성하기 #파일-오른쪽마우스-경로복사 titanic_df=pd.read_csv('/content/titanic_train.csv') print('titanic 변수 타입', type(titanic_df)) 3. 데이터 정보 확인 데이터 출력 #상위 5개 출력 titanic_df.head() #하위 5개 출력 titanic_df.tail() 데이터 크기 확인 #데이터 크기 확인(행, 열) titanic_df.shape 데이터 정보 확인 #정보 확인 titanic_d..

React_02_컴포넌트 [리액트 단계] 서버 실행하기 2. JSX 파일 만들기: 기본 jsx 구조 3. index.js에서 jsx 파일 import하기: 브라우저에서 보여지는 파일 변경하기 [실습1] //1. 사용자에게 이름 입력받기 var name=prompt("이름을 입력해주세요"); console.log(name); // 2. 현재 날짜 가져오기 let today=new Date(); console.log(today); // case A: 연도-월-일 형태 ->toLocaleDateString() var date=today.toLocaleDateString() console.log(today.toLocaleDateString()); //case B: 현재 월 ->getMonth() // *컴퓨터는..

머신러닝_03_머신러닝 과정 실습 [환경설정]Google Collaboratory 구글 드라이브-새로 만들기-더보기-연결할 앱 더보기 Collaboratory 검색 새로 만들기-더보기-Google Collaboratory 런타임-런타임 유형 변경-T4 GPU(대용량 데이터 처리 세션 종료: 런타임-세션관리-삭제 버튼 -파일 작성 완료 후 반드시 세션 종료해야 다른 파일 사용가능 [머신러닝 과정] [AND 조건문제 실습] 문제와 정답 DataFrame 형태로 만들기 import pandas as pd and_df=pd.DataFrame({'A': [0,0,1,1,1,0,1,0], #문제 'B': [0,1,0,1,0,0,1,1], 'A and B': [0,0,0,1,0,0,1,0] #정답 }) and_df ..

React_01_JSX문법 리액트: 자바스크립트 라이브러리. 사용자 인터페이스를 만들기 위해 사용 자바스크립트의 단점 html과 js의 분리감→jsx로 html과 js문서 통합 직관적이지만 너무 긴 자바스크립트 문법 새 페이지를 들어갈 때마다 새로고침→Single Page Application(SPA)으로 개선 2. 라이브러리vs프레임워크 라이브러리: 이미 만들어놓은 기능을 사용하는 것 -버전이 업데이트되더라도 이전 버전과 호환이 잘 됨 프레임워크: 제공된 틀 안에 들어가서 주어진 규칙을 지켜 사용하는 것 3. 리액트의 역사: 페이스북 엔지니어 Jordan Walke가 개발 -원활한 커뮤니티가 형성되어 다양한 문서 제공 -React Native로 모바일 애플리케이션 제작가능 [환경구축] ◎Node JS:..

Element 조작 메소드 prepend(): 대상 태그 안에서 앞에 추가 append():대상 태그 안에서 뒤에 추가 after(): 대상 태그 뒤에 추가 2. Element 접근 메소드 [실습1]입력값에 따라 관련 이미지 출력하기 3. 애니메이션 효과: animate({css 속성: 값}), 애니메이션 실행시간, 이징종류); -애니메이션 실행시간: ms(밀리세컨드) 단위 예)1초=1000; -이징(easing): 애니메이션 효과의 변화 속도 [AJAX] AJAX(Asynchronous JavaScript and XML) -필요한 데이터만 웹서버에 요청해서 받은 후 -비동기 통신: 요청을 처리하는 중에도 다른 작업 처리 가능 -동기 통신: client가 서버에 요청하고 서버의 응답이 올 때까지 다른 작..

머신러닝: 데이터를 기반으로 컴퓨터에게 학습시켜 예측하게 만드는 기법 -인공지능의 한 분야로 컴퓨터가 학습할 수 있도록 알고리즘 기술을 개발하는 분야 - 통계학, 데이터마이닝, 컴퓨터 과학이 어우러진 분야 2. 머신러닝의 역사: 암호해독가 앨런 튜링이 1950년에 ‘기계도 생각할 수 있을까?’ 논문발표 튜링테스트: 컴퓨터가 지능이 있는지 판별하는 시험 규칙 기반 전문가 시스템: if와 else로 하드코딩된 명령을 사용하는 시스템 -많은 상황에 대한 규칙들을 모두 만들어낼 수 없음 -제작한 로직이 특정작업에만 국한, 작업이 조금만 변경되면 전체 시스템을 변경해야 함 -규칙을 설계하려면 해당 분야에 대해서 잘 알고 있어야 함 3. 머신러닝: 데이터를 이용하여 스스로 특성과 패턴을 찾아 학습하고 예측 4. 머..