분류 전체보기
-
지난 글에 이어 모델 학습 및 평가를 해보겠습니다. # 모델링 데이터에서 X와 y를 분리 시킵니다 #- Scaling - 스케일링은 예를들어 집값의 범위는 100억~천만원 단위인데 BMI 값은 18~30이라 모델링할때 수치가 큰쪽으로 치우쳐 모델링이 잘 안되는것을 방지하기위해 설정한 범위 내의 값으로 변환 시켜줍니다. scaling model로는 StandardScaler를 씁니다. fit_transform()은 fit() 과 transform() 함께 수행하는 메소드 입니다. from sklearn.preprocessing import StandardScaler from sklearn.model_selection import train_test_split X = df.loc[:, df.columns !..
Pima Indian Diabetes 데이터 Clustering & Classification (Part.2)지난 글에 이어 모델 학습 및 평가를 해보겠습니다. # 모델링 데이터에서 X와 y를 분리 시킵니다 #- Scaling - 스케일링은 예를들어 집값의 범위는 100억~천만원 단위인데 BMI 값은 18~30이라 모델링할때 수치가 큰쪽으로 치우쳐 모델링이 잘 안되는것을 방지하기위해 설정한 범위 내의 값으로 변환 시켜줍니다. scaling model로는 StandardScaler를 씁니다. fit_transform()은 fit() 과 transform() 함께 수행하는 메소드 입니다. from sklearn.preprocessing import StandardScaler from sklearn.model_selection import train_test_split X = df.loc[:, df.columns !..
2021.07.24 -
앞서 배운 선형회귀 분석을 Python으로 구현해보고자 합니다. 먼저 테스트할 데이터가 필요합니다. x,y 데이터 셋을 아래처럼 정의하겠습니다. import tensorflow as tf x_data = [1.,2.,3.,4.] y_data = [1.,3.,5.,7.] x와 y 데이터를 좌표에 찍어서 보면 데이터가 선형(linear)을 이루는것을 알 수 가 있습니다. 이제 이 데이터 셋에 가장 적합한 선을 찾을 수 있도록 해보겠습니다. H(x) = w*x라는 임의의 가설(Hypothesis)을 세우도록 하겠습니다. Python과 TensorFlow를 이용하여 아래처럼 작성해보겠습니다. W = tf.Variable(tf.random_uniform([1],-1.0,1.0)) b = tf.Variable(tf..
선형회귀 Python으로 구현하기앞서 배운 선형회귀 분석을 Python으로 구현해보고자 합니다. 먼저 테스트할 데이터가 필요합니다. x,y 데이터 셋을 아래처럼 정의하겠습니다. import tensorflow as tf x_data = [1.,2.,3.,4.] y_data = [1.,3.,5.,7.] x와 y 데이터를 좌표에 찍어서 보면 데이터가 선형(linear)을 이루는것을 알 수 가 있습니다. 이제 이 데이터 셋에 가장 적합한 선을 찾을 수 있도록 해보겠습니다. H(x) = w*x라는 임의의 가설(Hypothesis)을 세우도록 하겠습니다. Python과 TensorFlow를 이용하여 아래처럼 작성해보겠습니다. W = tf.Variable(tf.random_uniform([1],-1.0,1.0)) b = tf.Variable(tf..
2021.07.22 -
머신러닝을 배우기 시작하면 꼭 한번 쯤은 공부하게 되는 선형회귀분석입니다. 머신러닝을 배우는 과정에서는 선형회귀외에도 Binary Classificaion, PCA분석, KNN 알고리즘 등 다양한 방법들이 있지만 오늘은 선형회귀에 대해 알아보고자 합니다. 아래 이미지가 잘 보이시나요? 선형회귀분석을 잘 설명하는 이미지라고 볼 수 있습니다. 파란색 점들이 데이터 일때, 파란색 데이터들이 어떤 형태로 이루어져 있는 것 처럼 보이시나요? 빨간색 선이 잘 보여주고 있죠? 마치 데이터들이 선형성(Linear)을 띄고 있다는 것을 알 수 있습니다. 선형회귀분석을 적용하고자 하신다면 기본적으로 데이터들이 선형성을 띄는것이 필요합니다. 반대로 말하자면 분석하고자 하는 데이터셋이 원형형태의 군집을 이루고 있거나, 방사형..
선형회귀(Linear Regression)머신러닝을 배우기 시작하면 꼭 한번 쯤은 공부하게 되는 선형회귀분석입니다. 머신러닝을 배우는 과정에서는 선형회귀외에도 Binary Classificaion, PCA분석, KNN 알고리즘 등 다양한 방법들이 있지만 오늘은 선형회귀에 대해 알아보고자 합니다. 아래 이미지가 잘 보이시나요? 선형회귀분석을 잘 설명하는 이미지라고 볼 수 있습니다. 파란색 점들이 데이터 일때, 파란색 데이터들이 어떤 형태로 이루어져 있는 것 처럼 보이시나요? 빨간색 선이 잘 보여주고 있죠? 마치 데이터들이 선형성(Linear)을 띄고 있다는 것을 알 수 있습니다. 선형회귀분석을 적용하고자 하신다면 기본적으로 데이터들이 선형성을 띄는것이 필요합니다. 반대로 말하자면 분석하고자 하는 데이터셋이 원형형태의 군집을 이루고 있거나, 방사형..
2021.07.15 -
- PROCESS - 데이터 탐색 -> 데이터 전처리 -> 데이터 클러스터링 -> 모델링 -> 성능 평가 이번에는 데이터분석의 입문용으로 좋은 pima indian diabetes 데이터로 군집화와 분류를 해보겠습니다. 코드는 git에 올려놨으니 참고하시면 되겠습니다. https://github.com/imtelloper/data-analysis-pimaindian-cls-clf.git 데이터 출처 : https://www.kaggle.com/uciml/pima-indians-diabetes-database ############ 데이터 컬럼 설명 ############ Pregnancies: 임신 횟수 Glucose: 포도당 부하 검사 수치 BloodPressure: 혈압(mm Hg) SkinThick..
Pima Indian Diabetes 데이터 Clustering & Classification (Part.1)- PROCESS - 데이터 탐색 -> 데이터 전처리 -> 데이터 클러스터링 -> 모델링 -> 성능 평가 이번에는 데이터분석의 입문용으로 좋은 pima indian diabetes 데이터로 군집화와 분류를 해보겠습니다. 코드는 git에 올려놨으니 참고하시면 되겠습니다. https://github.com/imtelloper/data-analysis-pimaindian-cls-clf.git 데이터 출처 : https://www.kaggle.com/uciml/pima-indians-diabetes-database ############ 데이터 컬럼 설명 ############ Pregnancies: 임신 횟수 Glucose: 포도당 부하 검사 수치 BloodPressure: 혈압(mm Hg) SkinThick..
2021.07.13 -
react로 반응형 웹을 만들때 css로 media query를 적용하지만 javascript로도 적용을 할 필요가 있을때가 분명 있습니다. 저 같은 경우는 주로 페이지의 width에 따라 컴포넌트를 변경을 해줄때 사용합니다. 반응형 웹앱을 위해 검색을 하여 react-responsive, react-media.. 등 주 사용하는것으로 나오는데 react-media같은 경우는 쓰기에는 단순하지 못하고(주관적 의견입니다.) react-responsive같은 경우는 크롬에서 개발자모드에선 잘 작동하지만 일반적으로 사용할때는 잘 적용이 안되었습니다.(NextJS 환경입니다.) 계속 찾아보다가 가장 잘 작동하여 적용한 코드를 소개해 드립니다. 장점은 yarn이나 npm으로 설치할 필요도 없고 javascript..
React 반응형 웹앱 만들기 Best media query codereact로 반응형 웹을 만들때 css로 media query를 적용하지만 javascript로도 적용을 할 필요가 있을때가 분명 있습니다. 저 같은 경우는 주로 페이지의 width에 따라 컴포넌트를 변경을 해줄때 사용합니다. 반응형 웹앱을 위해 검색을 하여 react-responsive, react-media.. 등 주 사용하는것으로 나오는데 react-media같은 경우는 쓰기에는 단순하지 못하고(주관적 의견입니다.) react-responsive같은 경우는 크롬에서 개발자모드에선 잘 작동하지만 일반적으로 사용할때는 잘 적용이 안되었습니다.(NextJS 환경입니다.) 계속 찾아보다가 가장 잘 작동하여 적용한 코드를 소개해 드립니다. 장점은 yarn이나 npm으로 설치할 필요도 없고 javascript..
2021.07.01 -
개발하다보면 const text = "정보를 등록해주세요." 처럼 string 문장안에 태그를 넣어서 렌더링을 해야될때가 있다. 문장안의 태그를 인식하려면 dangerouslySetInnerHTML을 사용하면된다. 하지만 위 처럼 사용하면 아래의 에러가 생긴다. Can only set one of `children` or `props.dangerouslySetInnerHTML`. 번역을 하자면 "`children` 또는`props.dangerouslySetInnerHTML` 중 하나만 설정할 수 있습니다."이다. 지금 태그안에 내용도 있고 p태그 props에도 값을 넣어서 생긴 문제인데 아래처럼 props에만 값을 넣으면 된다.
Can only set one of `children` or `props.dangerouslySetInnerHTML`.개발하다보면 const text = "정보를 등록해주세요." 처럼 string 문장안에 태그를 넣어서 렌더링을 해야될때가 있다. 문장안의 태그를 인식하려면 dangerouslySetInnerHTML을 사용하면된다. 하지만 위 처럼 사용하면 아래의 에러가 생긴다. Can only set one of `children` or `props.dangerouslySetInnerHTML`. 번역을 하자면 "`children` 또는`props.dangerouslySetInnerHTML` 중 하나만 설정할 수 있습니다."이다. 지금 태그안에 내용도 있고 p태그 props에도 값을 넣어서 생긴 문제인데 아래처럼 props에만 값을 넣으면 된다.
2021.05.24 -
Object literal may only specify known properties, and 'devServer' does not exist in type 'Configuration'. 웹팩 설정중에 발생한 에러 입니다. devServer에서 Configuration타입이 존재하지 않는다고 합니다. 이 문제는 다른 @types와의 버전 문제이거나 타입스크립트에서 인식이 실패하여 나타난것입니다. 해결책은 아래의 링크 마지막줄처럼 webpack-dev-server 버전을 낮추는 방법이 있습니다. 하지만 이게 안통한다면 https://github.com/DefinitelyTyped/DefinitelyTyped/issues/27570 webpack과 webpack-dev-server import를 아래와 같..
Object literal may only specify known properties, and 'devServer' does not exist in type 'Configuration' : webpack-dev-server 오류Object literal may only specify known properties, and 'devServer' does not exist in type 'Configuration'. 웹팩 설정중에 발생한 에러 입니다. devServer에서 Configuration타입이 존재하지 않는다고 합니다. 이 문제는 다른 @types와의 버전 문제이거나 타입스크립트에서 인식이 실패하여 나타난것입니다. 해결책은 아래의 링크 마지막줄처럼 webpack-dev-server 버전을 낮추는 방법이 있습니다. 하지만 이게 안통한다면 https://github.com/DefinitelyTyped/DefinitelyTyped/issues/27570 webpack과 webpack-dev-server import를 아래와 같..
2021.05.23 -
친구 중에 글로벌 설문조사 소프트웨어 기업에 다니고 있는 개발자가 있다. 이 친구가 새로 뽑을 신입의 기술면접과 코딩 테스트를 본다고 나한테 코딩 테스트하기 전에 테스트 해보고 싶다고 하여 친구의 코딩 테스트에 응해줬다. 실시한 코딩 테스트 조건은 이렇다. 1. React 프론트엔드 개발자이니 React를 사용한다. 2. Todo list app을 만들어 볼 것인데 다음의 주소의 api를 사용한다. https://documenter.getpostman.com/view/8858534/SW7dX7JG 3. 40분 이내로 끝낸다. 4. 로그인, 회원가입부터 시작. Todo list야 리액트를 배우는 데에 있어서 기초적인 프로젝트이면서도 웹 개발에 있어서 핵심적인 기능을 대부분 포함을하고 있다. 그리고 지금의 ..
SurveyMonkey 개발자가 알려준 React, Frontend 코딩 테스트 비결친구 중에 글로벌 설문조사 소프트웨어 기업에 다니고 있는 개발자가 있다. 이 친구가 새로 뽑을 신입의 기술면접과 코딩 테스트를 본다고 나한테 코딩 테스트하기 전에 테스트 해보고 싶다고 하여 친구의 코딩 테스트에 응해줬다. 실시한 코딩 테스트 조건은 이렇다. 1. React 프론트엔드 개발자이니 React를 사용한다. 2. Todo list app을 만들어 볼 것인데 다음의 주소의 api를 사용한다. https://documenter.getpostman.com/view/8858534/SW7dX7JG 3. 40분 이내로 끝낸다. 4. 로그인, 회원가입부터 시작. Todo list야 리액트를 배우는 데에 있어서 기초적인 프로젝트이면서도 웹 개발에 있어서 핵심적인 기능을 대부분 포함을하고 있다. 그리고 지금의 ..
2021.05.22