javascript는 포인터라는 개념 자체가 없음, 또한 참조하는 방법도 조금 다름. 어떠한 변수가 다른 변수를 참조 하는 것은 불가. javascript에서 레퍼런스란 값을 가리킴. 서로 다른 10개의 레퍼런스가 있다면, 각각 항상 공유된 단일 값을 개별적으로 참조한다. 특히 문법적으로 레퍼런스의 할당 및 전달을 제어할 수 있는 암시(책에서는 Syntactic Hint라고 표현)가 전혀 없음. 그래서 값의 타입만으로 값 복사 / 레퍼런스 복사 둘 중 한쪽이 결정됨. 스칼라 원시 값은 언제나 깊은 복사(값) 방식으로 할당/전달 됨. null undefined string number boolean symbol 객체 및 배열, 함수는 언제나 얕은 복사(레퍼런스) 방식으로 할당/전달 됨. // b는 언제나 ..
Vue.js로 List를 이용한 CRUD, Pagination, Search - #3 CRUD, search 기능 추가
2018.08.12
이번 포스팅에서는 구현된 ListView에 CRUD와 search기능을 추가하도록하겠습니다. CRUD는 각각 add, edit, delete 버튼을 이용해 구현되며 Dialog인 Modal을 띄워서 구현하겠습니다.Modal을 구현하기 위해서 BaseModal 이름으로 컴포넌트를 추가생성하였으며, BaseModal은 addDialog, EditDialog, DeleteDialog 3개의 Modal을 띄울 때 재사용하는 컴포넌트입니다. 이와 같이 Vue.js는 컴포넌트를 재사용 할 수 있는것이 장점입니다. search기능은 input form에 입력을 하면 바로바로 입력된 글자가 subject에 포함되어있는 데이터만 보여지게 구현하였습니다.v-model을 이용해서 data 속성에 있는 search 값을 맵핑..
Vue.js로 List를 이용한 CRUD, Pagination, Search - #2 Pagination 기능 추가
2018.08.12
이번 포스팅에서는 앞서 구현한 간단한 ListView에 Pagination기능을 추가해보도록 하겠습니다. 먼저 ListSample 컴포넌트의 추가된 template code는 다음과 같습니다. code123456789101112131415161718192021222324252627282930313233343536 {{ listItem.subject }} {{ listItem.desc }} edit delete Colored by Color Scriptercs 추가/변경된 코드는 5행 for문으로 탐색하는 Data가 calData로 바뀌었고 하단 31행부터 마찬가지로 Vuetify 컴포넌트인 디렉티브가 추가되었습니다. Vuetify 컴포넌트들의 상세한 API는 Vuetify 문서를 참조부탁드립니다.(아주 ..
Vue.js로 List를 이용한 CRUD, Pagination, Search - #1 간단한 ListView 구현
2018.08.12
이번 포스팅은 간단한 ListView를 Vue.js와 Vuetify 컴포넌트를 이용해서 구현하도록 하겠습니다. 먼저 ListSample.vue 이름의 컴포넌트를 생성하여 진행합니다. ListSample.vue template code12345678910111213141516171819202122232425262728293031 {{ listItem.subject }} {{ listItem.desc }} edit delete Colored by Color Scriptercs Vuetify 컴포넌트를 이용해서 UI를 구성하였습니다.Test Data의 subject, desc 내용을 화면에 구성하게 되며 Material UI를 이용해 구성한 icon을 구성하였습니다. script code123456789101..
사내 프로젝트를 진행하며 Vue.js로 여러 컴포넌트를 만들어보고 있습니다. 그 중, JSON Array로 구성된 Data를 Axios를 이용하여 받아와 List를 구성하고 CRUD, Pagination(페이지네이션), Search 기능을 구현해보았습니다. UI는 Vuetify를 이용해서 구성하였습니다. CRUD 구현 시 Modal을 띄워 구현을 하였지만 Vuex는 해당 Post에서는 쓰지 않았습니다.다음 Post에 내용을 올릴 예정입니다. 완성 Code 및 Demo See the Pen ejbjGQ by Sim Gyu-Min (@sim-gyu-min) on CodePen. 구성 환경 IDE : WebStorm Vue-CLI Template : Webpack-simple 사용 Library : Vueti..
학습된 모델을 TensorFlow Lite 모델(tflite)로 변환하여 Android에서 Object Classification 해보기
2018.04.09
이전에는 FloydHub를 이용하여 모델을 학습하였다. 이제 학습된 모델을 TensorFlow Lite형식의 모델로 변환 후 Android에 올려 Image Classfication을 해보려고 한다. https://codelabs.developers.google.com/codelabs/tensorflow-for-poets-2-tflite/index.html#0구글 코드랩에서 tflite로 변환하는 부분을 참고 하였고 구글링을 통해서 필요한 변환 과정, 스크립트, 도구 정보를 습득 하였습니다. 이 게시글에서 필요한 파일들은 모두 제 github에 올려놓았습니다.현재 글과 해당 github에 있는 모델 구조가 상이하므로 참고해주세요.Link : https://github.com/GyuminDev/CNN_Cl..
FloydHub 회사에서쓰는 그램, 맥북 모두 GPU가 없어서 CUDA를 쓰지도 못하는 상황이고 집에있는 노트북에는 외장 GPU가 있지만 성능이 안나와 CPU랑 비교해도 별로 차이가 없다.. ㅡㅡ 그래서 CloudGPU인 FloydHub를 이용해서 GPU를 사용하였다.방법도 쉽고 AWS 같은 경우에는 개발환경을 구성해야하는데 FloydHub는 간단하게 GPU만써서 내가 원하는 결과를 가져올 수 있어서 좋음.주피터 노트북 환경으로도 사용 가능하기 때문에 익숙한 분들은 사용하면 될듯하다. 1. floyd-cli install1pip3 install floyd-clics 나는 Mac OS X에 Virtualenv를 이용해서 Python3.6버전으로 환경을 구성해서 사용하고 있다. 가상환경에서 파이썬 개발환경을..
이상하게 IntelliJ에서 jsp를 찾지 못하여 404 error가 뜬다... 그래서 결국 Maven 빌드를 통해 해결하였음!! 1. application.properties12spring.mvc.view.prefix=/WEB-INF/views/spring.mvc.view.suffix=.jspcs prefix와 suffix설정을 하여도 jsp파일을 못찾았다.2. jasper12345678910 org.apache.tomcat.embed tomcat-embed-jasper provided javax.servlet jstlColored by Color Scriptercs jsp를 처리할 수 있게 jasper와 더불어 jstl도 pom.xml에 등록하였지만 마찬가지로 404... 3. 해결그냥 Maven P..
회사에서맥북Pro가 남는 관계로 남는 시간에 개발환경 구성을 해보게 되었다. 처음에는 수동으로 dmg를 이용해서 설치해보았지만 설정 등을 진행하다가 중간 중간 실수가 발생해 다시 지운 후 brew를 이용해서 설치를 진행하였음. Spring 개발 환경과 Anaconda를 이용한 파이썬 및 TensorFlow, Keras를 설치 하였음.아래의 내용은 기본적인 개발환경 구성 내용임. 설치 1. HomeBrewer2. zsh, Oh-My-Zsh3. JDK 4. MySQL5. MySQL Workbench6. Tomcat7. IntellIJ ( Skip ) 1. HomeBrewer1usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/in..