Npm + Vue.js 테스트 프로젝트 설치이번 포스팅에서는 node(npm)과 git 을 활용해서 Vue.js 테스트 프로젝트를 설치해보려고 합니다. 요즘 핫 이슈로 많은 장점을 가지고 있는 vue.js 프로젝트를 cli 환경에서 설치 및 실행 함으로써 여러 가지 이점을 얻으실 수 있을 거라 생각합니다. 아래 프로젝트는 로그인 및 로그아웃, 블로그 포스팅 기능이 구현되어 있습니다. vue 소스 코드 분석에 적합한 예제라는 생각이 듭니다. 기본적으로 npm 과 git은 설치가 되어 있어야 실행가능하며, 하단 순서대로 설정하시면 윈도우 및 Mac 환경에서 누구나 설치가 가능합니다. Git 설치 이전 포스팅 참고 : Git 다운로드 및 설치Npm 설치 URL : Npm 다운로드 및 설치 Vue 프로젝트 소스..
C# - 예제 간단 설명 ① Delegate type 은 형식의 반환 값, 파라미터 등을 지정하여 인스턴스를 호출할 수 있는 메서드를 정의한 것입니다.② 주로 함수의 대리자 역할을 하며, 특정 함수를 캡슐화해서 사용할 수 있게 해주는 것으로 이해하시면 됩니다.③ 하단은 주로 사용하는 제네릭 Delegate 형식에 관한 간단한 예제입니다. C# - Generic & Deligate 예제 소스 원본코드12345678910111213141516171819202122232425262728293031323334353637using System;using System.Collections.Generic; delegate T NumberChanger(T n);namespace GenericDelegateAppl { ..
Memu(미뮤) 최적화이번 포스팅에서는 미뮤 플레이어 최적화 방법을 알아보려고 합니다. 미뮤 자체가 빠른 퍼포먼스를 가지고 있지만, 조금 더 렉을 줄이고 성능을 끌어 올릴 수 있는 포스팅을 해보겠습니다. 누구나 쉽게 따라하실 수 있습니다. 미뮤 설치 이전 포스팅 참고 : 미뮤(Memu) 앱플레이어 다운로드 및 설치 Memu 최적화 - GPU 렌더링 강제 설정그래픽카드의 효율적인 성능 향상을 위해서 반드시 설정해 주는 것이 좋습니다.본 포스팅은 윈도우10(windows10 x64)에서 테스트 후 작성했습니다. 미뮤 실행 후 설정 실행 태블릿 정보 실행 빌드번호를 여러번 클릭한 후 개발자 문구 확인 개발자 설정이 이미 완료 된 경우는 바로 GPU 렌더링 강제 설정을 하시면 됩니다. 이전 화면에서 개발자 옵션..
Go프로그래밍 - 맥(Mac) 기본 환경 설정(2)이번 포스팅에서는 Mac OS 환경에서 Go 프로그래밍 개발을 위한 환경 세팅 두 번째 과정을 이어나가도록 하겠습니다. 이번 과정을 잘 마무리하시면, Atom IDE에서 편리하게 Go 개발 환경을 갖추실 수가 있습니다.아직 Go 설치 및 환경 변수 세팅이 안되어 있다면, 이전 포스팅을 참고하세요. Go프로그래밍 - 맥(Mac) 기본 환경 설정(1) - 이전 포스팅 참조 Atom 에디터 Go관련 패키지 설치상단 메뉴 Atom -> Preferences -> Install 메뉴로 이동 후 아래 3가지 패키지를 설치합니다.본 설정은 Mac OS(Sierra x64)에서 설정했습니다. 설치한 패키지는 아래와 같습니다.1. Go-plus : Go 개발 시 code..
Go프로그래밍 - 맥(Mac) 기본 환경 설정(1)최근에 부각되고 있는 트렌디한 언어 중에서 Go가 꼭 언급됩니다. 구글에서 2009년도에 개발한 언어이고 컴파일 방식으로 매우 높은 성능을 낼 수 있다는 장점이 있습니다.(그 밖에 많은 장점이 존재합니다.) 최근에 Go 웹 프레임워크(Revel)로 프로젝트에 참여할 기회가 생겨서 맥 Mac OS 개발 환경 세팅 방법을 2부에 걸쳐서 정리하고자 합니다. 차근차근 따라하시면 쉽게 구축할 수 있을거라 생각됩니다. Go Mac 버전 다운로드GO 공식 사이트에 접속해서 본인 운영체제에 맞는 버전을 다운로드 합니다. - 다운로드 링크본 설정은 Mac OS(Sierra x64)에서 설정했습니다. Go 프로그램 설치아래 설치 진행을 보면서 쉽게 설치할 수 있습니다.(단..
Go프로그래밍 - 윈도우 기본 환경 설정(2)이번 포스팅에서는 윈도우 환경에서 Go 프로그래밍 개발을 위한 환경 세팅 두 번째 과정을 이어나가도록 하겠습니다. 이번 과정을 잘 마무리하시면, Atom IDE에서 편리하게 Go 개발 환경을 갖추실 수가 있습니다.아직 Go 설치 및 환경 변수 세팅이 안되어 있다면, 이전 포스팅을 참고하세요. Go프로그래밍 - 윈도우 기본 환경 설정(1) - 이전 포스팅 참조 Atom 에디터 Go관련 패키지 설치File -> Settings -> Install 메뉴로 이동 후 아래 3가지 패키지를 설치합니다.본 설정은 윈도우10(windows10 x64)에서 설정했습니다. 설치한 패키지는 아래와 같습니다.1. Go-plus : Go 개발 시 code-assistance 및 편리..
Go프로그래밍 - 윈도우 기본 환경 설정(1)최근에 부각되고 있는 트렌디한 언어 중에서 Go가 꼭 언급됩니다. 구글에서 2009년도에 개발한 언어이고 컴파일 방식으로 매우 높은 성능을 낼 수 있다는 장점이 있습니다.(그 밖에 많은 장점이 존재합니다.) 최근에 Go 웹 프레임워크(Revel)로 프로젝트에 참여할 기회가 생겨서 윈도우 개발 환경 세팅 방법을 2부에 걸쳐서 정리하고자 합니다. 차근차근 따라하시면 쉽게 구축할 수 있을거라 생각됩니다. Go 윈도우 버전 다운로드GO 공식 사이트에 접속해서 본인 운영체제에 맞는 버전을 다운로드 합니다. - 다운로드 링크본 설정은 윈도우10(windows10 x64)에서 설정했습니다. Go 프로그램 설치아래 설치 진행을 보면서 쉽게 설치할 수 있습니다.(단, 설치 경..
Vue.js - style 바인딩 설명 오늘은 vue.js의 CSS 스타일 바인딩에 대해 설명 해보도록 하겠습니다. Vue.js의 데이터 바인딩은 Class 목록 및 CSS 인라인 스타일을 조작하기 위해서 사용합니다. 인라인 CSS 스타일이 소스코드 전역에 걸쳐서 산재되어 있다고 가정하면 유지보수하기 정말 까다롭겠지요? 반면에 Vue.js의 데이터 바인딩의 향상된 기능을 사용 할 경우에 좋은 퍼포먼스를 기대할 수 있습니다. 아래에서 간단하게 설명해보도록 하겠습니다. Vue.js 관련 포스팅 : Vue 참고 Vue.js - 세부 설명 data: { fontSize: 30 } 기본적인 v-bind:style 구문입니다. CSS 문이 아닌 Javascript Object 입니다. data 속성의 fontSiz..
Vue.js - computed, method 설명 오늘은 vue.js의 compute, method 를 비교해서 한 번 설명 해보도록 하겠습니다. 최근 프로젝트에서 Vue.js 사용 중에 두 속성의 차이점을 알지 못하고 사용하다가 최근에 대용량의 JSON 파일 파싱 작업 중 만족할 만한 퍼포먼스가 나오지 않아서 속성 변경 후 문제 해결을 경험했습니다. 아래에서 기본표현식, 일반표현식, Computed, Method 네 가지 항목을 비교하면서 설명해보도록 하겠습니다. Vue.js 관련 포스팅 : Vue 참고 Vue.js - 세부 설명 {{ message }} 기본적인 템플릿 데이터 바인딩 형태입니다. 이중 중괄호를 사용합니다. {{ message.split('').reverse().join('') }} ..
인프런 강의 시작! 최근에 빅데이터 기반 IoT 관련 프로젝트를 하느라 정신이 없네요. 작년 11월 부터 인프런(inflearn)에 강의 제작을 계획 한 후 어렵게 준비한 내용을 드디어 오픈하게 되었네요. 내가 알고 있는 지식을 상대방에게 알기 쉽게 전달하는 것. 이것은 쉽지 않은 작업이었습니다. 또한, 제한 된 시간 및 온라인 강의라는 특성에서 많은 시행 착오도 겪은 듯 합니다. (오프라인 강의하고는 또 다른 매력이!) 파이썬 웹 크롤링(웹 데이터 수집)를 활용한 수업 예제 소스를 작성함에 있어서 나열하는 이론은 최대한 줄이고 프로젝트 개발 과정에서 필요한 전반적인 기술을 담을 수 있도록 제작하는 것을 목표로 진행했습니다.아래 스크린 샷은 수업 중에 작성하는 프로젝트 예제 입니다. 다음 계획은 최근 자..
![[좋은사람]](https://tistory1.daumcdn.net/tistory/1510577/attach/56b4c683045e4e5fb703da5a50954748){kind=small}