본문 바로가기

책

앙상블 concatenate 2개 이상의 모델 합치기 데이터 구성 x 값 y값이 미리 유추되지 않도록 데이터 컬럼을 약간 섞음 x 2개 : 300개씩의 데이터 y 1개 : 100개의 데이터 #1. 데이터 import numpy as np x1 = np.array([range(100), range(311,411), range(100)]) x2 = np.array([range(101,201), range(311,411), range(101,201)]) y = np.array([range(501,601)]) #, range(711,811), range(100)] 현재의 shape는 (3, 100) 이므로 (100,3)으로 reshape x1 = np.transpose(x1) y = np.transpose(y) x2 .. 더보기
회귀모델 딥러닝 회귀모델 : y = wx + b 분류모델 101 ~ 110 acc(정확도)는 1이 나올수가 없음 x_test ouptut 101 [100.99708] 102 [100.00705] 103 [102.997025] 104 [103.99698] 105 [104.996965] 106 [105.99692] 107 [106.99689] 108 [107.99686] 109 [108.99683] 110 [109.996796] 기존에 가지고 있던 데이터들을 이 함수에 최대한 적용시켜야 함 머신이 다음과 같은 1차 함수가 되도록 훈련할 수 있게 서포트 하여야 함 이렇게 모델을 유도하고, 데이터를 정제해아 하는 작업이 우리가 해야 할 일 얼마나 매끈한 1차 함수가 되도록 만들어주느냐, 이것이 관건 2차 함수와 같은 모.. 더보기
딥러닝 시작 1에서 10까지 예측 모델 구하기 소스의 전체 내용 import numpy as np # 데이터 생성 x = np.array([1,2,3,4,5,6,7,8,9,10]) # 결괏값이 들어가는 y 데이터를 준비 y = np.array([1,2,3,4,5,6,7,8,9,10]) from keras.models import Sequential from keras.layers import Dense # 딥러닝 모델을 순차적으로 구성하겠다는 뜻 model = Sequential() # 순차적 구성 모델에 Dense layer를 추가하겠다는 의미 model.add(Dense(1, input_dim=1, activation='relu')) model.compile(loss='mean_squared_error',opti.. 더보기
서버 사이드 렌더링 프로젝트 생성과 초기화 mkdir nuxttest cd nuxttest yarn init 또는 mpn init yarn add nuxt@1.4.1 또는 npm install --save nuxt@1.4.1 package.json scripts 추가 nuxt : 개발 버젼으로 실행 nuxt build : Webpack을 이용해 애플리케이션을 빌드. 코드 난독화, 압축을 수행하므로 배포버전으로 적합 nuxt start : 운영버젼으로 서버를 시작 nuxt generate : 애플리케이션을 빌드 후 모든 경로 화면을 정적 html 로 생성 { "name": "nuxttest", "version": "1.0.0", "main": "index.js", "license": "MIT", "dependencies": .. 더보기
단위 테스트 Mocha 플러그인을 활용한 단위 테스트 프로젝트 생성 시 수동 설정을 하면 단위 테스트를 사용할 수 있음 C:\JetBrains\vscode_workspace>vue create test1 Vue CLI v4.5.9 ? Please pick a preset: (Use arrow keys) Default ([Vue 2] babel, eslint) Default (Vue 3 Preview) ([Vue 3] babel, eslint) > Manually select features Vue CLI v4.5.9 ? Please pick a preset: Manually select features ? Check the features needed for your project: (*) Choose Vue ver.. 더보기
트랜지션 효과 CSS 트랜지션 기초 트랜지션 컴포넌트 기초 보여주기 토글 트랜지션 CSS 클래스 트랜지션 CSS 클래스 설명 v-enter 요소가 나타나기 시작할 때 적용할 클래스 v-enter-active 요소가 나타나는 트랜지션이 진행되는 동안 적용할 클래스 v-enter-to 요소가 나타나는 트랜지션이 완료될 때 적용할 클래스 v-leave 요소가 사라지기 시작할 때 적용할 클래스 v-leave-active 요소가 사라지는 트랜지션이 진행되는 동안 적용할 클래스 v-leave-to 요소가 사라지는 트랜지션이 완료될 때 적용할 클래스 CSS 애니메이션 처리 보여주기 토글 트랜지션 이벤트 훅 보여주기 토글 Velocity.js 사용 yarn add velocity-animate@1.5.1 또는 npm install .. 더보기
vue-router를 이용한 라우팅 vue-router란? SPA(Single Page Application)은 기본적으로 페이지가 하나이기 때문에 URI별로 다른 화면이 나타나도록 구현하기 힘듦 사용자가 요청한 URI 경로에 따라 각각 다른 화면이 랜더링이 필요 제공하는 기능 중첩된 경로, 뷰 매핑 가능 컴포넌트 기반 라우팅 구현 Vue.js 의 전환효과(transition) 적용 히스토리모드, 해시모드 사용가능 쿼리스트링, 파라미터, 와일드카드 사용가능 vue-router의 기초 routertest 프로젝트 생성 vue create routertest cd routertest yarn add vue-router bootstrap@3.3.x 또는 npm install --save vue-router bootstrap@3.3.x src/c.. 더보기
Vuex를 이용한 상태관리 왜 Vuex를 사용하는가? MVVM패턴에서는 데이터가 핵심. 데이터가 변경되면 View Model을 통해서 View가 즉시 변경됨 모든 화면은 데이터에의해 결정되는 구조이기 때문에 애플리케이션의 데이터를 체계적으로 구조화 하는 것이 중요. eventBus의 문제점 자식 컴포넌트들의 계층구조가 복잡해지면 일일히 부모 컴포넌트에 저장된 정보를 계층 구조를 따라 속성으로 전달해야 함 특히 유지 보수 중에 새로운 상태 정보가 추가되면(data 옵션 객체에 정보가 추가되면) 최종 자식 컴포넌트까지 전달되는 경로에 모든 컴포넌트들의 속성(props) 옵션이 모두 변경되어야 함. 전역객체의 문제점 상태가 어느 컴포넌트, 어떤 메서드에 의해서 언데, 어떻게 변경하는지 추적하기 힘듦.(데이터를 변경하는 것은 모든 컴포넌.. 더보기

티스토리툴바