분류 전체보기
-
JSX란?front-end/React 2023. 8. 3. 17:48
1. JSX 나의 파일 안에 HTML 문법과 JS 문법을 동시에 작성할 수 있는 파일 확장자 장점 : HTML요소에 접근할 때마다 document 객체에 접근해줘야 하는 JS와 달리 하나의 파일 내에 HTML 요소가 있기 때문에 바로 접근이 가능하다. 가독성이 좋고, 기능별 분류가 쉽다. - 여러가지 요소가 있다면 반드시 부모 요소로 감싸야한다. 이때, 꼭 div 태그가 아니어도 상관없다( 도 가능) SIMTOO의 홈페이지에 오신걸 환영합니다. 오늘은 여름휴가 입니다. 다음에 방문해주세요! - 표현식 사용 가능하다. HTML 문법 내에서 JS 문법을 사용하려면? {표현식} 안에 작성 - {표현식} 안에는 if문을 사용할 수 없음 삼항 연산자로 대체 가능하다. let openState = true; ret..
-
리액트(React)란front-end/React 2023. 8. 3. 17:22
1. 리액트란? 자바스크립트 라이브러리 중 하나 사용자의 인터페이스를 만들기 위해 사용 - 리액트가 나온 이유는? 자바스크립트만으로는 부족하기 때문에! ex) 자전거(자바스크립트)로 장거리 여행이 가능하지만, 힘들다. 그러나 자동차(리액트)의 경우 쉽게 장거리 여행이 가능하다. - 자바스크립트가 가지고 있는 단점 HTML과 JS가 가진 분리감 직관적이지만 너무 긴 자바스크립트 문법 새로운 페이지를 들어갈 때 마다 새로고침 피로도를 느끼는 사용자 - 리액트로 해결되는 자비스크립트의 단점 관련 있는 HTML 과 JS 문서를 JSX로 합쳐준다. SPA(Single Page Applocation) 새로운 페이지나 메뉴를 들어갈 때, 새로고침이 되지 않아 사용자의 피로도를 줄여준다. 2. 라이브러리 vs 프레임워..
-
머신러닝이란?ML&DL&AI/ML 2023. 8. 3. 12:49
1. 머신러닝이란? 데이터를 기반으로 학습을 시켜서 예측하게 만드는 기법 인공지능의 한 분야로 컴퓨터가 학습할 수 있도록 하는 알고리즘 기술을 개발하는 분야 통계학, 데이터 마이닝, 컴퓨터 과학이 어우러진 분야 - AI vs ML vs DL의 차이점 인공지능 (Artificial Intelligence) 사고나 학습등 인간이 가진 지적 능력을 컴퓨터를 통해 구현하는 기술 머신러닝 (Machine Learning) 컴퓨터가 스스로 학습하여 인공지능의 성능을 향상 시키는 기술 방법 딥러닝(Deep Learning) 인간의 뉴런과 비슷한 인공신경망 방식으로 정보를 처리 2. ML의 역사 Alan Mathison Turing (1912.06.23 ~ 1954.06.07) 영국의 수학자, 암호학자, 논리학자 19..
-
통계의 변수란ML&DL&AI/기초통계 2023. 8. 3. 12:14
1. 변수간의 관계 변수간의 차이에서 의미를 찾아보기 ex) 부모키 영향(유전), 운동량, 생활 환경, 생활 습관 등등 - 독립변수와 종속변수 독립변수 연구자가 의도적으로 변화시키는 변수 종속변수 연구자 독립변수의 변화에 따라 어떻게 변하는지 알고 싶어하는 변수 독립변수와 종속변수는 인과 관계를 가지고 있다 독립변수는 원인 종속변수는 결과 2. 연속형 변수들간의 관계 - 상관분석 / 상관관계 연속 변수로 측정되는 두 변수간의 선형관계(밀접한 정도)를 분석하는 기법 한 변수가 증가하면 다른 한변수도 선형적으로 증가 혹은 감소를 나타내는 것 상관 계수 -1 ~ 1 사이로 나타낼 수 있다. - 상관 분석과 상관관계 상관 분석 확률론과 통계학에서 두 변수 간에 어떤 선형적 관계를 갖고 있는지 분석하는 방법 상관..
-
분산과 사분위수(Quartile)ML&DL&AI/기초통계 2023. 8. 3. 11:32
1. 분산 관측치들이 평균에서 평균적으로 얼마나 떨어져있는지를 계산 분산이 0에 가깝다면 평균 근처에 몰려있다는 것을 의미 분산이 커진다면 평균에 멀리 떨어져있다는 것을 의미 쉽게 말해 분포되어 있는 정도(흩어진 정도)를 의미 -, + 부호는 상관없어짐, 분산된 정도를 확인하면 되기때문 제곱했을 때 값이 월등히 커지기 때문에 분산의 정도가 확연하게 보임 제곱 말고 절댓값을 쓸 수 있지만, 계산할 때 미분가능한 분산 값을 더 선호 현실적인 이유 평균에서 100명이 100원씩 차이가 날 경우 2명이 5000원씩 차이가 날때 절대값 100 x 100원 = 2 x 5,000원 = 10,000원 분산값 100 x (100원)² = 1,000,000원² < 2x (5000원)² = 50,000,000원² - 표준편..
-
분석을 위한 데이터란?ML&DL&AI/기초통계 2023. 8. 3. 10:47
1. 분석을 위한 데이터의 모습 데이터는 변수(열)와 관측치(행)으로 구성 변수(Variable) ↓ 관측치 → 이름 성별 나이 키 A 여 25 174 B 여 25 165 C 남 30 185 D 여 23 163 2. 데이터의 표현 데이터를 표현하기 위한 약속이 존재 복잡하게 둘러 말해하는 경우는 수식을 이용해 간단하게 설명 변수의 개수 p, 관측치의 개수는 n 데이터의 크기 표현 n x p (실제로 곱하는것은 아님) 변수 그자체는 x라고 표현 한다. - 기술통계량과 변수 요약 변수의 특징을 설명하기 위해 다양한 연산을 사용하는데, 이 계산된 숫자들을 통계량 이라고 부르고, 특히 데이터의 특징을 잘 설명하는 통계량을 기술통계량(Descriptive Statistics)이라고 부른다. 대표적인 기술 통계량 ..
-
기초 통계는 무엇일까?ML&DL&AI/기초통계 2023. 8. 3. 10:14
1. 통계란 데이터를 요약하는 과정, 데이터를 요약해 만든 정보를 만드는 것을 뛰어넘어 데이터 속에 있는 차이를 확인하고 설명하는 것 과거를 담고있는 데이터와 오늘의 우리, 미지의 미래가 소통하는 언어 - 데이터 요약은 큰 틀에서 데이터의 특징을 숫자로 표한하여 그 속에서 차이를 확인하는 것이 중요 - 빅데이터란 디지털 환경에서 생성되는 수치, 문자, 이미지, 영상데이터 모두를 포함하는 대규모 데이터 2. 자료의 종류 Data : datum(자료, 정보)의 복수형, 통계학은 자료(재료)를 이용해서 정보(요리)를 만들어내는것 양적 자료 : 수치로 측정이 가능한 경우 이산형 자료 : 수치적인 의미가 있지만, 소수점으로 표현이 불가능한 경우 ex) 자녀 수 등등 연속형 자료 : 수치적인 의미가 있지만, 소수점..
-
Sass(Scss)로 css를 간편하게 만들자front-end/HTMI CSS 2023. 8. 1. 22:10
1. 환경 설정 VScode 에디터를 실행한다. extension 메뉴를 눌러서 live sass compile를 설치한다. (파일명). scss으로 만들어서 사용한다. test.scss 파일에 내용을 작성 후 저장을 한다. css 파일에 설정한 값이 저장된 내용이 만들어진다. 이 파일을 HTML에 링크를 걸어서 사용하면 됩니다. map 파일의 용도는 구글 크롬에서 찾기 쉽게 만드는 용도다. - Sass파일과 Scss파일의 차이점 // Sass 방식 .background color : red // Scss 방식 .background { color : red } 2. Sass(Scss) 문법 특징 값을 저장을 하고 쓸 수 있다. $변수명 : 컬러, 폰트사이즈, 높이, 길이 등등 한글이 잘 적용이 된다. 사..