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)에 강의 제작을 계획 한 후 어렵게 준비한 내용을 드디어 오픈하게 되었네요. 내가 알고 있는 지식을 상대방에게 알기 쉽게 전달하는 것. 이것은 쉽지 않은 작업이었습니다. 또한, 제한 된 시간 및 온라인 강의라는 특성에서 많은 시행 착오도 겪은 듯 합니다. (오프라인 강의하고는 또 다른 매력이!) 파이썬 웹 크롤링(웹 데이터 수집)를 활용한 수업 예제 소스를 작성함에 있어서 나열하는 이론은 최대한 줄이고 프로젝트 개발 과정에서 필요한 전반적인 기술을 담을 수 있도록 제작하는 것을 목표로 진행했습니다.아래 스크린 샷은 수업 중에 작성하는 프로젝트 예제 입니다. 다음 계획은 최근 자..
React - react-live-clock React + Express 활용한 라즈베리파이 관련 IoT 프로젝트 개발 막바지에 상단에 실시간 시계 표시 기능 추가 요청이 들어왔습니다. 전체적으로 짜임새 있고 구조적으로 소스코드를 관리해왔던지라 해당 부분을 component로 구성하고 싶어 이와 관련된 라이브러리가 있어 소개해 봅니다. 불과 몇 분만에 뚝딱 구성해서 적은 코드로 타임존 까지 국가별로 완벽하게 구성 할 수 있었습니다. React 관련 open-library의 장점이라 생각합니다. React, React Native 관련 프로젝트 진행 중이신 분들께 도움이 되길 바라면서 이와 관련 된 자세한 사용 방법은 문서 하단에서 기술하겠습니다. React 관련 포스팅 : React 참고 React - ..
Git - Cache 삭제 설명 Git을 사용한 프로젝트 진행 중에 크리티컬한 문제는 아니지만, 신경쓰이는 두 가지 상황이 발생했습니다. 첫 번째 경우는 프로젝트와 관련 없는 private 종류의 폴더를 원격 저장소에 Push 한 경우에 로컬 저장소에서 private 폴더 삭제 후 다시 Push 했음에도 불구하고 원격 저장소에 반영 되지 않는 문제였습니다. 두 번째 경우는 Git ignore 파일 추가 이전에 Commit 한 파일들이 계속 Stage에 표시되는 문제였습니다. 검색 결과 Git Cache 삭제를 통해서 문제를 해결 할 수 있었습니다. 그래서 같은 문제가 발생하는 분들을 위해 아래와 같이 방법을 공유해봅니다. Git 설치 방법은 이전 포스팅 참고 : Git 다운로드 및 설치 Git Cache..
윈도우10 - 자동 로그인 ① 윈도우10에 로그인 할 경우 로그인 암호가 설정되어 있는 경우가 많아요.② 부팅 시 마다 암호 없이 로그인하고 싶은 경우 간단한 설정으로 변경하실 수 있어요.③ 단, 개인용 PC 등 보안에 신경을 쓰지 않을 경우에만 활용하시면 좋을 것 같습니다. 윈도우10 - 자동 로그인 설정 방법 설명 설정방법 및 실행화면 1. 윈도우 왼쪽 하단 Windows 검색 창 에서 netplwiz 을 입력 및 실행하세요. 2. 로그인 암호 입력 과정을 생략할 계정을 선택 3. 사용자 이름과 암호를 입력해야 이 컴퓨터를 사용할 수 있음 -> 항목 체크 해제 4. 적용 클릭 후 기존 계정 및 암호를 입력하시면 설정완료 설정 실행 화면(1) 설정 실행 화면(2) 주의 : 노트북, 공용 PC, 업무용 ..
아톰(Atom) 에디터 - Script Pakage ① ATOM(아톰) - GitHub에서 만든 오픈소스 에디터이므로, 부가적인 패키지 설치를 통해서 더욱 편리하게 사용하실 수 있어요. - 그 중 Script Pakage 설치를 통해서 여러 언어(파이썬 등)을 직접 실행해서 Console로 출력할 수 있어요.② 기본 콘솔 창 폰트 크기가 작아서 불편함을 느끼는 개발자 분들이 많으며, 웹 상에서 문의가 많아서 포스팅하게 되었어요. 아톰(Atom) 에디터 - Script Pakage 폰트 사이즈 조절 설명- 아톰 에디터 자체가 HTML 등으로 개발되었기 때문에 CSS 수정이 가능합니다.- 맥(Mac) 환경에서도 과정은 동일합니다. 1. Atom 에디터 실행 후 File -> Stylesheet 메뉴를 클릭합..
ES6(ECMAScript 6) For문 설명 개발자에게 있어서 반복문을 활용하는 것은 정말 중요하다고 생각합니다. 잘못된 코딩 습관, 의미없는 요소 순회 및 객체 생성 등은 실행 환경에서 성능에도 지장을 주기 때문인데요. 본 포스팅에서는 ES6에서 추가된 For-of 문법과 기존의 For-in 문법의 예제 소스를 작성해 보면서 차이점을 간단하게 비교해 보도록 하겠습니다. For-in, For-of 비교 예제 For-of : 반복가능한 객체(Array, Map, Set, String, TypeArray, arguments 객체 등)을 반복하는 기능 수행 즉, 객체의 요소들(Data)를 순회하기 위한 구문 For-in : 객체의 속성 또는 배열의 요소에 대해 반복하는 기능 수행 즉, 객체의 속성들을 순회하..
JBoss(WildFly)?프로젝트 진행 막바지에 현재 운영 서버가 JBoss(WildFly)로 클러스트링 및 캐시 기술 등을 구현해서 설정되어 있다는 소식을 뒤늦게 확인했습니다. Tomcat으로 디버깅 및 개발이 거의 완료된 상황이라 배포 후 또 다른 사이드이펙트(Side Effect)가 나타나지는 않을까? 라는 걱정이 들기 시작했습니다. 하지만, JBoss(WildFly) 사용 후에 문제없이 애플리케이션은 잘 작동하였고 미들웨어 플랫폼에서 제공하는 방대한 기능을 사용해 보면서 장점을 체감할 수 있었습니다. Java 버전에 따라서 이클립스에서 JBoss 셋팅 방법이 차이점이 있어 이번 기회에 아래와 같이 설정 방법을 정리해서 포스팅 하려고 합니다. JBoss Features Map(참고) JBoss는 ..
HTML5 WebSocket 기존 웹 페이지의 전형적인 브라우저 통신 및 렌더링 방식은 HTTP 요청(Request) 및 HTTP 응답(Response)을 사용한 방식입니다. 이 방식은 새로운 데이터를 받아서 DOM을 다시 렌더링 하거나, 또는 브라우저를 새로고침하여 전체를 렌더링 해서 클라이언트 브라우저에 표현하는 방식입니다. 원하는 부분만 실시간으로 상호 데이터를 교환하여 새로고침 없이 렌더링하는 기술로 발전하면서 비동기 통신이라는 기술을 많이 사용하고 있으며, 그 보다 더욱 효과적으로 실시간 데이터 처리 및 렌더링을 위해서 RIA(Rich Internet Application) 기술이 발달되고 있습니다. 위와 같은 맥락에서 클라이언트 브라우저와 웹 서버 사이에서 양방향 메시지 송수신 기술인 HTML..
Memu(미뮤) 매크로 사용하기모바일 특성상 반복되는 터치만으로 다양한 컨트롤을 수행하는 경우가 많습니다. 이러한 경우에 매크로를 사용하면 게임 캐릭터를 성장시키는 작업 등에서 활용될 수가 있겠습니다. 미뮤의 경우에도 훌륭한 매크로 기능을 추가적으로 설치할 필요없이 기본으로 제공해주고 있습니다. 사용법도 매우 심플하여 누구나 쉽고 편하게 사용할 수 있습니다. 지금부터 설명해드릴 사용방법을 참고하시면서 편하게 사용해보세요. Memu 실행하기Memu 앱 플레이어를 실행합니다. 설치 방법은 이전 포스팅 참조: 미뮤(Memu) 앱플레이어 다운로드 및 설치본 매크로 사용법은 윈도우10(windows10 x64)에서 테스트했습니다. Memu 매크로 실행Memu 앱 플레이어 실행 후 오른쪽 중앙에 마우스모양(매크로)..
Linux[CentOS, Ubuntu] - Putty & Background Process 유지 설명 ① Putty(Telnet, SSH 등)와 같이 터미널를 사용해서 작업 후 터미널 종료 후 백그라운드 실행 유지가 필요한 경우가 있습니다. ② 프로젝트 진행 중 Nohup 설정 및 출력 작업을 실행 했음에도 불구하고 Putty 종료 후 해당 프로세스가 Kill 되는 문제가 있었습니다. ③ 대안으로 Screen 을 사용 하려 던 도중에 Putty 레퍼런스 문서 및 구글링 검색을 통해서 해결 했습니다. 참고 : 클릭 명령어 예제 - 추가 옵션을 통해서 log 파일 출력 설정 가능합니다.(실행 화면 참조) 12345# nohup 백그라운드 실행nohup ./yourscript & # Putty 종료(Backg..
아톰(Atom) 에디터 - GitHub 연동 설명 ① ATOM(아톰) - GitHub에서 만든 오픈소스 에디터이므로, GitHub GUI 기반으로 연동해서 사용이 가능합니다. - 부가적인 Plug-in 설치를 통해서 더욱 편리하게 사용하실 수 있어요.(Git-plus 등) - Git-plus 플러그인 설치 방법이 잘 설명 된 블로그 - 클릭 ② 검색을 통해서 제공되는 연동 튜토리얼 영문 자료가 많아서 부가적인 설명을 추가해서 작성했습니다.③ 아래 설명과 같이 작업을 진행하시면 쉽게 연동(Atom ↔ GitHub)하실 수 있습니다. 아톰(Atom) 에디터 - GitHub 연동 진행 작업 설명 설명- Git은 미리 설치하셔야 합니다. 설치 URL : 클릭- Git Clone, Fetch, Pull, Push..
