전체 글
-
javascript 변수(var, let, const 차이점)front-end/JavaScript 2023. 8. 8. 21:51
1. java와 javascript의 차이점 Java int age = 20; char alpha = 'a'; double avg = 78.4; 강력한 자료형 javascript var age = 20; var alpha = 'a'; avg = 35.5; 2. var / let / const 차이점 - Var 변수 재선언이 가능하다. 변수 재할당이 가능하다. 호이스팅시 변수값이 초기화 된다. 전역 범위를 가지고 있다. 단 함수 내에서 선언시 함수 범위로 지정이 된다. var a = 1; var a = 2; //가능 var b = 1; b = 2; //가능 // 함수 범위 내에서만 사용 가능 function helloFunction() { var hello = "hello"; } console.log(he..
-
ES7+ React 확장 프로그램 단축키front-end/React 2023. 8. 8. 13:59
1. 확장 프로그램 설치 설치를 통해 React의 사용이 더욱 편리해진다. rce : class componet 생성 rafce : allow function component 생성 rfce : function component 생성 2. 단축키 rfce + enter import React from 'react' function rfce() { return ( rfce ) } export default rfce rafce + enter import React from 'react' const racfce = () => { return ( racfce ) } export default racfce rce + enter import React, { Component } from 'react' export ..
-
ML KNN(최근접 이웃 알고리즘)란ML&DL&AI/ML 2023. 8. 8. 13:42
1. K-Nearest Neighbors(최근접 이웃 알고리즘) 유유상종의 개념과 유사하다 새로운 데이터 포인트와 가장 가까운 훈련 데이터셋의 데이터 포인트를 찾아 예측한다. K 값에 따라 가까운 이웃의 수가 결정된다. 분류와 회귀에 모두 사용 가능하다. 2. KNN 개념 정리 K 값이 작을수록 모델의 복잡도가 상대적으로 증가(noise 값에 민감) 반대로 K 값이 커질수록 모델의 복잡도가 낮아짐 100개의 데이터를 학습하고 K를 100개로 설정하여 예측하면 빈도가 가장 많은 클래스 레이블로 분류 > 과소 적합(안 좋은 분류 모델) 3. KNN의 거리 공식 4. KNN 장단점 및 키워드 n_neighbors : 이웃의 수 metrics : 유클리디안 거리 방식 새로운 테스트 데이터 세트가 들어오면, 훈련..
-
ML 일반화, 과대적합, 과소적합ML&DL&AI 2023. 8. 8. 13:30
- Machine Learning 모델 개략도 1. 일반화, 과대 적합, 과소 적합 모델의 신뢰도를 측정하고 성능을 확인하기 위한 개념 ex) 공에 대해서 설명하기 - 일반화(Generalization) 일반화 성능이 최대화되는 모델이 찾는 것이 목표이다. 훈련 세트로 학습한 모델이 테스트 데이터가 주어져도 정확히 예측할 거라 기대 훈련 세트에서 테스트 세트로 일반화가 되었다고 함 - 과대적합(Overfitting) 너무 상세하고 복잡한 모델링을 하여 훈련데이터에만 과도하게 정확히 동작하는 모델 훈련 세트에 너무 맞추어져 있어 테스트의 성능 저하 ex) 공에 대한 설명 - 그중에서 축구공만 설명 둥글게 생겼다. 오각형에 여러개 붙어있다. 검은새고가 흰색으로 구성된다. 반짝반짝 광이 난다. - 과소적합(U..
-
Font Awesome 이용하기front-end/HTMI CSS 2023. 8. 8. 09:36
1. Font Awesome 직접 사용 방식 Font Awesome 홈페이지에서 다운로드 파일 중에서 CSS, Webfonts를 작업 폴더에 넣기 CSS 폴더 내에 있는 all.css 파일을 head에 링크 2. Font Awesome CDN 링크 방식 CSS 호스팅 하는 경우 all.min.css 파일을 링크를 통해 직접 다운로드 방식이 아니더라도 사용 가능 font awesome 5 cdnjs 장점도 존재 하지만 단점은 사이트가 다운 될 경우 CSS 파일 이용이 힘들어진다. 3. Font Awesome 아이콘 넣기 Font Awesome홈페이지 접속 ICON 탭에서 접속 후 6버전 혹은 5버전 클릭 필요한 아이콘을 검색 HTML 코드를 복사 후 작업 HTML에 붙어넣기 - 둥근원에 별모양 넣기 먼저 ..
-
javascript의 개요front-end/JavaScript 2023. 8. 7. 23:15
1. javascript란? 웹 페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어 Front-end (리액트, next js) Back-end(NODE JS) 모바일 애플리케이션, dataBase(MongoDB, Realm) 머신러닝/ 딥러닝(Tensor Flow.js) AR/VR(AR.js) 2. javascript의 특징 모든 웹 브라우저에서 동작이 가능하다. 웹 브라우저에서 실행 결과를 즉시 확인힌다. 다양한 용도의 프로그램 개발이 가능하다. 다양한 자바스크립트 공개 API가 많다. 다양한 라이브러리와 프레임워크가 있다. 3. HTML의 조작과 변경 html 조작과 변경으로 얻는 이점 탭, 모델 등 웹페이지 UI를 만들 수 있다. 유저가 입력한 데이터를 검사하는 것이 가능하다. 유저가..
-
React 에서 이미지 가져오기(img태그)front-end/React 2023. 8. 7. 16:56
1. 외부링크 방식 HTML 방식과 동일하다 return ( 외부링크 방식 ) 1. 내부 링크 방식 내부 링크 src 방식 src 폴더 이용하기 import 이미지 변수 from '경로' import 내부링크변수 from '링크주소' /* 중략 */ return ( 내부 링크 src 방식 ) 내부 링크 public 방식 public 폴더는 서버와 계속해서 통신을 진행하고 있기 때문에 폴더 안에 저장하는 것 만으로도 고유주소를 갖게 됨(업로드) 해당 주소 값을 가져와서 사용 ex) http://localhost:3000/img/이미지1.jpg return ( 내부 링크 public 방식 )
-
React Statefront-end/React 2023. 8. 7. 16:44
1. 컴포넌트와 프로퍼티 컴포넌트(Component) 리액트를 이루는 앱의 최소단위이다. 대문자로만 시작해야한다. 이유 : 기존 HTML 태그(DOM요소)와 구분을 하기 위해서 내가 직접 커스텀하는 나의 태그 프로퍼티 (Props) 상위컴포넌트가 하위컴포넌트로 값을 전달할때 사용한다. 상위 컴포넌트에서 보낸 데이터를 하위 컴포넌트에서 받는 방법 함수의 형태이기 때문에, 값은 매개변수를 통해서 받는다 매개변수 상위 컴포넌트에서 값을 입력하고 하위 컴포넌트에서 값을 읽어온다. - React Event return 문 안에 DOM 요소에 이벤트 속성 : onClick={함수이름} 만약 함수 이름이 따로 없고, 바로 작성하고 싶은 경우? onClick = { ( ) => { } } DOM 요소에만 이벤트 걸 수..