programing
-
[Vue] excel파일을 읽어서 json형식으로 파싱하기programing/Language 2019. 1. 5. 21:40
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 vue에서, 엑셀파일을 읽어서 json형식으로 파싱하는 방법에 대해 알아보겠습니다. 엑셀 파일을 json형식으로 파싱해주는 라이브러리인 "js-xlsx"를 사용합니다. install js-xlsx js-xlsx의 repository에서는 4가지 방식을 설명하고 있습니다. local file을 이용하는 방법 위와 같이 로컬 파일을 이용할 수 있습니다. 대신, 해당 위치에 js-xlsx파일이 존재해야 합니다. CDN을 이용하는 방법 위와 같이 http프로토콜을 이용한 URI를 사용하여, 파일 제공 사이트로부터 얻어오는 방법이 있습니다. 인터넷을 이용하므로, 인터넷이 가능해야 하며, 제공 사이트가 먹통이 되면 불가능한 방법입니..
-
[Vue] throwing error: RegeneratorRuntime not definedprograming/Language 2019. 1. 5. 20:22
안녕하세요, Einere입니다.(ADblock을 꺼주시면 감사하겠습니다.) 오늘은 vue-cli를 사용하여 webpack-simple 템플릿을 사용한 프로젝트에서, async와 await 키워드를 사용하였을 때 발생하는 에러인 "RegeneratorRuntime not defined"를 해결하는 방법에 대해 알아보겠습니다. babel module install npm install --save-dev babel-polyfill npm install --save-dev babel-plugin-transform-regenerator터미널 혹은 콘솔창에 위의 명령어를 각각 입력하여 "babel-polyfill"과 "babel-plugin-transform-regenerator"모듈을 설치합니다. babel.l..
-
[Windows 10] 윈도우에 우분투 설치programing/etc 2019. 1. 2. 20:23
안녕하세요, Einere입니다.(ADblock을 꺼주시면 감사하겠습니다. 오늘은 Windows 10에 Ubuntu를 설치하고 bash를 사용하는 법에 대해 알아보겠습니다. 개발자 모드로 전환하기 설정 - 업데이트 및 보안 - 개발자용 - 개발자용 기능 사용Microsoft Store 앱이 기본적으로 선택되어 있는데, 개발자 모드로 전환해줍니다. Windows 기능 켜기/끄기 설정창의 검색칸에 "windows 기능"이라고 검색하시면, Windows 기능 켜기/끄기가 나옵니다.클릭해주세요. 목록에서 Linux용 Windows 하위 시스템을 체크해줍니다. 재부팅을 하라고 할 텐데, 재부팅 해주세요. Ubuntu 설치 cmd를 관리자 권한으로 실행합니다.그리고 "lxrun /install"을 입력하면 위와 같이..
-
[VS code] visual studio code 확장 목록programing/etc 2018. 12. 30. 18:54
안녕하세요, Einere입니다. (AD block을 꺼주시면 감사하겠습니다.) 오늘은 visual studio code의 제가 사용하는 확장들을 소개해볼까 합니다. visual studio code는 가볍고 빠르며, 다양한 확장을 통해 유용한 기능을 추가하여 사용할 수 있는 편집기입니다. 저는 code를 웹용으로 사용하기 때문에, (html, css, js 등등...) 해당 언어 위주의 확장을 추천해드리겠습니다. Version Control System GitLens git을 통한 버전관리를 쉽게 해주는 확장입니다. 당연히 해당 확장 설치 전에 git이 설치되어 있어야 합니다. Code Formatting Beautify html, css, cass, javascript, json형식을 깔끔하게, 보기좋..
-
[Vue] Vue-cli를 이용하여 프로젝트 생성 및 실행programing/Language 2018. 12. 21. 21:12
안녕하세요, Einere입니다. (AD block을 꺼주시면 감사하겠습니다.) 오늘은 Vue-cli를 이용하여 간단하게 프로젝트를 생성하고 빌드하는 방법을 알아보겠습니다. Vue-cli 설치console창에 "npm install -g vue-cli"를 입력하여, vue-cli를 전역으로 설치합니다. 정상적으로 설치된 것을 확인하시려면, 새로운 디렉토리를 생성한 뒤, "cd"를 이용하여 위치를 해당 디렉토리로 옮겨줍니다. "vue list"를 입력하여 현재 사용 가능한 템플릿 리스트가 정상적으로 출력되는지 확인합니다. 템플릿과 필요한 패키지 설치"vue init webpack-simple"을 입력하여, 해당 템플릿을 설치합니다. 중간중간 프로젝트명과 저자 등등을 물어보는데, 잘 모르시면 그냥 엔터만 치시..
-
[Java] RMI exampleprograming/Language 2018. 12. 1. 01:33
안녕하세요, Einere입니다. (ADblock 꺼주시면 감사하겠습니다.) 오늘은 java RMI example에 대해 포스팅하겠습니다. 해당 포스트는 오직 컴파일과 실행을 목적으로 합니다. 자세한 설명 및 원리는 따로 찾아보시길 바랍니다. Directory Structure 프로젝트 디렉토리 구조는 위와 같습니다. 즉, DesignPattern1/src/RMI/Hello에 모든 파일들이 존재합니다. Hello interface package RMI.Hello; import java.rmi.Remote; import java.rmi.RemoteException; public interface Hello extends Remote { String sayHello() throws RemoteException..
-
[Java] javac 환경변수 설정하기programing/Language 2018. 12. 1. 00:58
안녕하세요, Einere입니다. (ADblock 꺼주시면 감사하겠습니다.) java rmi complie하다가, javac를 실행해야되는데.. 'javac'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치파일이 아닙니다. 라는 오류가 떠서 구글링한 결과를 공유해드립니다. 환경변수 설정 저같은 경우, 시스템 변수 설정을 해도 javac를 못찾았습니다.. StackOverFlow를 뒤져봐도 똑같은 소리밖에 없더군요. 그러다가 한국어로 된 페이지에서 해답을 찾았습니다..! 바로 시스템 변수가 아닌 사용자 변수를 설정하는 것입니다. 위와 같이 사용자 변수와 시스템 변수로 나뉩니다. 그런데 보통 환경변수 설정할 때, 시스템 변수만 설정합니다. 그러나 이렇게 사용자 변수에 jdk폴더의 bin폴더..
-
[Design Pattern] State Pattern exampleprograming/etc 2018. 11. 30. 22:45
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 State Pattern example을 java로 구현한 것을 공유하고자 합니다. 간단하게, ATM기기를 구현합니다. ATM기기는 총 3가지 상태가 존재합니다. noCard hasCard noCash noCard상태는 말그대로 카드가 삽입되지 않은 상태입니다. hasCard는 카드가 삽입된 상태입니다. noCash는 기기가 보유한 현금이 없는 상태입니다. ATM기기는 총 3가지 동작을 합니다. insertCard ejectCard withdrawCash 각각 카드를 삽입하고, 빼고, 출금을 하는 동작입니다. class diagram으로 나타내자면 위와 같습니다. 물론 getter와 setter는 생략했습니다. 위와 같은..