본문 바로가기
반응형

전체 글394

[VueJs] vue-chartjs 로 멀티라인 그래프 그리기 머신러닝 같은 강좌나 책을 읽다 보면 간혹 마주치는 단어가 시계열 혹은 시계열화 이란 것입니다. 말은 어려워 보이는데 영어로는 "time series" 라고 합니다. 한글은 어렵지만 영어는 어느 정도 뜻이 이해가 갑니다. 그냥 순차적으로 먼가 하는 거구나... 라는 센쑤~! 개발자들이 디비 등에서 추출한 정보는 보통 테이블 형식의 텍스트로 제공하는 경우가 많습니다. 이것을 보기 좋게 그래프 형태로 변형해서 보여주면, 직관적으로 이해하게 되고, 실시간 의사결정이 가능해 진다고 합니다. 예전부터 알고는 있었지만, 막상 그래프 표현은 좀 어렵기는 합니다. vuejs에서는 되게 쉽습니다. 시계열의 대표적인 것이 Line Chart 일 것 같아서, 소스로 좀더 쉽게 만들어 보도록 하겠습니다. Line Charts.. 2020. 5. 11.
배민의 우아한테크세미나 온라인 진행 관련 세미나 동영상: https://www.youtube.com/watch?v=BlEzbGTQ9Zs 우아한테크세미나 동영상 자료 2020년 5월 7일 개최한 "우아한테크세미나" 발표 내용은 아래와 같습니다. 발표자료 1부 - 엔티티 클래스 설계와 퍼시스턴스 프레임워크의 활용 * 발표자료 (원페이지뷰) : https://bit.ly/2YNxlV7 * 발표자료 (슬라이드) : https://benelog.github.io/entity-dev/ 2부 - Spring Data JDBC Advanced * 발표자료 : https://bit.ly/3fCkRpg * 참고코드 : https://bit.ly/2SFjwE8www.bit.ly/2YNxlV7 참 멋지네요. 2020. 5. 8.
[Apple] WWDC20 - 6월 22일 온라인으로~! 오늘 오전에 애플에서 받은 메일입니다. WWDC이 계절이 다가오고 있습니다. 벌써~~~!!! 애플의 가장 큰 개발자 행사인 WWDC 2020이 코로나 영향으로 6월 22일 온라인으로 진행을 한다고 합니다. 관련 링크는 개발자 페이지로 이동하구요. https://developer.apple.com/wwdc20/?cid=CDM-DM-P0012725-444312&cp=em-P0012725-444312&sr=em 앱 스토어를 통해서 "Apple Developer" 라는 앱을 배포 중입니다. 이곳에서 관련 강좌 등의 내용을 지속 업데이트 할 예정으로 보입니다. 이번 컨퍼런스의 특이사항은 Swift 관련 학생 대회?(Swift Student Challenge)를 5월 17일까지 진행한다고 합니다. 대회 우승자?에게.. 2020. 5. 6.
[Linux] 여러 파일에서 특정문자열 치환 단일 파일에서 vi 오픈한 파일에서 문자열 치환 방법 입니다. :%s/source/target/g 특정 디렉토리 내에서 여러 파일에 대한 문자열 치환 방법입니다. find ./ -name '*.html' -exec sed -i 's/source/target/g' {} \; 2020. 5. 4.
[Python] psycopg2 에서 실행된 쿼리문 전체 보기 import psycopg2 as pg2 from psycopg2.extras import DictCursor conn = pg2.connect() cursor = conn.cursor(cursor_factory=DictCursor) cursor.execute('select %s, %s', ('test', 2)) cursor.query "select E'test', 2" 2020. 4. 29.
[VueJs] CKEditor 연동하기 // 설치 npm i --save @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic // package.json 확인 "dependencies": { "@ckeditor/ckeditor5-build-classic": "^16.0.0", "@ckeditor/ckeditor5-vue": "^1.0.1" } // template 파일 샘플 팁 언어를 한국어(ko) 로 지정을 해도 메뉴들이 여전히 영어로 나올 경우, 한국어를 직접 참조할 수 있도록 추가 import '@ckeditor/ckeditor5-build-classic/build/translations/ko'; 참조 URL : https://ckeditor.com/docs/ckeditor5/lates.. 2020. 4. 27.
[GIT] 윈도우 PowerShell 에서 git clone 후 github desktop에서 보기 git desktop 설치 : https://desktop.github.com/ git clone으로 소스 가져오기 // 빈 디렉토리 만들고 powershell 호출 // repository clone git clone ssh://[gituser]@[gitlab server]/[gitlab reopsitory] // github desktop 실행 File > Add local repository 클릭 repository 디렉토리 선택 2020. 4. 27.
[Python] 이름으로 특정 프로세스 종료 시키기 보통 콘솔에서 동작을 시킬때 동일한 프로그램이 좀비형태로 안죽고 있거나, 일정 시간 오버해서 동작하는 경우 강제로 종료시켜야할 필요성이 있을때 사용하면 유용합니다. import psutil # python filename.py로 실행된 프로세스를 찾음 for proc in psutil.process_iter(): try: # 프로세스 이름, PID값 가져오기 processName = proc.name() processID = proc.pid if processName[:6] == "python": // 윈도우는 python.exe로 올라옴 commandLine = proc.cmdline() # 동일한 프로세스 확인. code 확인 if 'filename.py' in commandLine: parent_p.. 2020. 4. 27.
[VueJs] component 에서 벗어날때 이벤트 처리하기 페이지 이동 전에 특정 이벤트를 처리하고 싶은 경우가 있는 경우 유용합니다. // component LIFECYCLE components: { ... }, mounted: { ... } methods: { ... }, beforeRouteLeave (to, from, next) { ... } // 컴포넌트를 벗어나는 경우 처리할 이벤트 // 샘플 beforeRouteLeave(to, from, next) { const answer = window.confirm('데이터 저장이 되지 않았습니다. 이 페이지를 나가시겠습니까?') if (answer) { next() } else { next(false) // false를 추가한 경우 페이지 이동을 하지 않음 } } 2020. 4. 26.
[Python] 엑셀 처리 방법 pip install openpyxl 디렉토리 내의 엑셀 파일 목록 전체를 읽어서 분석하기 코드 일부 import openpyxl import os dirList = [ 'D:\\admin', 'D:\\front' ] currentNo = 0 def analsysEcxcel(filename, currentNo): # 엑셀파일 열기 wb = openpyxl.load_workbook(filename) # 현재 Active Sheet 얻기 ws = wb.active # Active Sheet 지정하기 # ws = wb.get_sheet_by_name("Sheet1") # 국영수 점수를 읽기 for r in ws.rows: row_index = r[0].row # 행 인덱스 if row_index < 2: # .. 2020. 4. 16.
[VSCode] sftp + euckr 파일 원격 수정 ftp-simple 원격 FTP 연결 플러그인 ftp-simple 설치 Setting > Command-Palette 클릭 > ftp-simple 검색 ftp-simple: Config - FTP connection setting 선택 [ { "name": "service_name", "host": "domain", "port": 22, "type": "sftp", "username": "ID", "password": "비밀번호", "path": "/home/", // 원격지 디렉토리 위치 "autosave": true, "confirm": true // 저장할때마다 OK 창 뜨는 것이 귀찮으면 false로 변경 } ] ftp-simple 실행: Remote directory open to workspace 파일을 수정하고.. 2020. 4. 7.
[HW] 개발자에게 2% 아쉬운 키크론 K4 지난 2월 키크론에서 K4 예약판매 광고를 보고, 순간 혹~!하는 마음이 들었습니다. 디자인은 이쁜데... 하던 차에, "맥과 윈도우 레이아웃 모두 완벽하게 지원" 한다는 문구를 읽고 딸아이 입학선물이라는 합리화로 결국 알루미늄 RGB LED에, 소리가 가장 적다는 적축을 구매하였고, 거의 한달을 기다려 받아 보게 되었습니다. 장점 1. 유선 + 무선 블루투스(최대 3개 페어링 가능). 유선까지 사용한다면 최대 4대까지 연결 가능합니다. 3대를 추가 연결 가능하니... 핸드폰, 태블릿, 노트북 등 휴대용 디바이스에 연결해서 잠깐씩 사용하면 좋을 듯 싶습니다. 2. 4000 mAh 대용 밧데리를 내장하고 있습니다. 완충 후 LED 사용시 RGB의 경우 10시간이라고 하니, 며칠은 사용이 가능할 듯 합니다... 2020. 3. 31.
[악세사리] 맥북프로 16에 UHD 듀얼 모니터 - CalDigit mini Dock 얼마 전 오랫동안 동고동락한 2013 late 맥북프로 CTO를 뒤로 하고, 내 인생의 마지막 노트북이라는 마음 가짐?으로 맥북프로 16인치를 구매했습니다. 마지막이라고 생각하는 이유가... 아시겠지만, 램 32G, 그래픽 메모리 8G로 업그레이드한 CTO 버전은 400만원이 넘는 어마어마한 가격입니다. 구매를 결정했다고 해서 곧바로 사용할 수 있는 상황도 아니네요. 코로나19 때문에 애플도 수급 상황이 2월 이후 많이 안좋아져서, 언제 받을 지 기약이 없었습니다. 일단 4주 대기표를 주던데, 다행히 제가 구매한 곳에서는 2주 만에 도착했습니다. 새식구 맞이한 기쁨도 잠시... 맥북프로가 지원하는 외장용 포트가 4개인데 모두 USB-C 타입니다. 말로만 듣던... 덕분에 키보드, 모니터 등 제 기존 식구.. 2020. 3. 29.
[Laravel] gmail을 이용해서 메일 보내기 Laravel 기본 vendor를 이용하여 메일 전송하는 소스 입니다. 1. 메일 발송용 컨트롤러 생성 php artisan make:controller MailController 2019. 12. 15.
[HW] 에어팟프로 개봉 및 갤럭시 노트10+와 함께 2일간 사용기 개인적으로 사용하는 아이폰은 없기 때문에, 갤럭시 노트10+에 페어링하여 사용 중입니다. 혹시나 했는데 기우였네요. 노트10+와도 잘 페어링되고 사용됩니다. 다만 현재 ONE UI+ 베타 테스트 중이라 종종 구글 플레이가 혼자 실행되는 버그로 인해서 깜짝 놀래고 있기는 합니다. 에어팟프로에 대한 칭찬이 자자합니다. 특히 차음에 대한 부분은 정말 대단하다고 느낍니다. 하지만 막귀인지라 무조건 좋다고 하기에는 무리가 있어 보여서, 2일간 사용한 경험을 가성비 갑이라는 QCY T5와 비교를 조금 해보겠습니다. 에어팟프로 장점 1. 차음 능력은 정말 갑입니다. 특히 옵션으로 차음을 선택할 수 있어서 너무 좋습니다. 이동 중에 차음을 하게 되면 자칫 사고의 위험성이 있는데, 이럴 경우에는 차음을 사용하지 않고, .. 2019. 11. 20.
[Docker] elasticsearch + kibana 설치 후 연동하기 요즘 들어 업무상 해야할 것도 많은데, 공부할 것도 많네요. elasticsearch를 공부하기 위해 docker에 kibana와 설치해서 연동을 하려고 했습니다만, 제대로 안되는 경우가 있네요. 구글 횽아에게 물어보니 설정을 바꿔야 한다며, kibana.yml 파일을 어쩌고 저쩌고 하는데, 도통 무슨 소리인지... 싶네요. docker에 설치는 간단하나, 연결하는 과정에서 발생한 문제를 초보자 수준에서 해결을 한 거 같지만 공유합니다.사전 조건1. 개발자 환경 : Windows 10 프로페셔널2. docker 버전 : docker for windows Version 18.06.0-ce-win72 (19098)3. Kitematic 설치? 복사 완료 elasticsearch 설치 및 설정 수정1. Kit.. 2018. 8. 29.
[사용기][모니터] 미래지향적이지 못한 휴대용 서브 모니터, 온랩 1305H 온랩 13065H 개인적으로 직업이 개발자이다 보니 개발환경은 대부분 듀얼 모니터를 사용해서 개발을 하고 있습니다. 창을 꽤 많이 띄우다 보니, 메모리도 되도록 빠방한 개발환경을 갖추려고 노력합니다.지금은 git이나 웹하드 등으로 개발환경을 맞추고 있지만, 여전히 개발 연속성을 위해서 노트북을 주로 활용을 하고 있습니다. 하지만 노트북의 단점 중에 하나가 좁은 화면입니다. 그래서 모니터 하나 더 있었으면 하지만, 가격이나 휴대성 등의 문제로 듀얼 모니터 환경을 갖추는 것이 쉽지 않습니다.그러던 와중에 괜찮아 보이는 서브 모니터인 "온랩 1305H" 관련 기사를 보고 제품을 만져 보았습니다.스펙 자체가 무척 매리트가 있습니다. 7mm 두께에 685g 무게라니!!!! (홈페이지) 미려한 화면의 해상도가 19.. 2018. 8. 26.
[뉴서피스] 서피스독 - 서브모니터가 깜빡일 경우 해결 방법 New Surface Pro 문제 증상며칠 전 부터 모니터가 1초 정도 블랙아웃 되었다 돌아오는 증상이 종종 생기더니, 하루 전 부터는 10분도 안되어 블랙아웃 되기도 하네요. 처음엔 그러려니 했는데, 이거 또 뉴서피스 문제인가? 하는 불안한 마음에 구글 횽아에게 찾아보기 시작했는데 다행히 MS 사이트에 해결책이 나와 있어서 공유합니다.뉴서피스 문제라고 생각한 이유가, 기존 연결된 맥에서는 별 문제없이 사용을 하고 있었습니다.시스템 상황- 뉴서피스프로 (i7 / 8G RAM/ 256G SSD) - Windows 10 Pro > 서피스 다이얼, 서피스펜, 시그니처 타입 커버 - 서비스독 연결 - 펌웨어 업그레이드 함 > USB 샤오미 기계식 키보드(텐키리스), Logitec MX Master 마우스 연결,.. 2017. 10. 24.
[개봉기] new surface pro를 만나다. New Surface Pro 6월 19일 한국에서 뉴 서피스 프로 예약판매를 시작한 날입니다. 과거 서피스는 눈길조차 가지 않았는데, 2016년 MS가 서피스 스튜디오가 발표하였는데, 이때 제 눈길을 끄는 디바이스가 있었습니다. 바로 서피스 다이얼이었습니다. 몇몇 국내 얼리분들이 서피스 다이얼을 서피스 프로와 연동해 보면서, 역시 서피스 다이얼2를 기대해야 한다는 결과에 잠시 잊고 살았습니다. 올해 초, 우연찮게(안봐야 했습니다...) 뉴 서피스 프로와 4096 단계의 감압센서가 있는 서피스 펜 출시 소식에 다시 호기심을 갖게 되었고... 그렇게 6월 19일 예판 시작일에 사고를 쳤습니다. 어느 동료의 말처럼, 합리적 사고, 할부로 결제를... ㅠ,.ㅠ;;그리고 7월 13일. 이녀석에 이렇게 제 책상밑에.. 2017. 8. 28.
[AS체험] 네오스마트펜, 친절하지만 아쉬운게 있다면... 네오스마트펜을 꽤 오래전 소셜펀딩할 때 구매를 했습니다. 벌써, 무려 4년이 되었더군요. 쓰다말다 쓰다말다 하다가, 근래에 거의 1년여 동안 거의 사용하지 않았습니다. 그래도 열심히 충전은 하고 있었습니다. 3주전쯤 기획서 같은 걸 만들 일이 있어서, 다시 사용을 해보려 했는데... 이건 먼가?? 싶었네요. 일단 공식 커뮤니티에 가입하고(네XX 카페라 쉽게 가입을 했네요) 증상을 문의하고, 결국에는 AS가 답이란 것을 알게 되었습니다. 공식몰에 들어가면 AS 정보를 찾을 듯 싶었지만, 굳이 물건을 살 생각은 없어서 가입하지 않으니, 고객센터 정보 찾기가 쉽지 않더군요. 제가 어려웠단 말은 고객센터 문의를 로그인 해야 보이는 조건이라는 말입니다~ 금요일 오전에 택배로 발송을 시키고, 1주일은 기다려야 한다.. 2017. 8. 20.
[ReactJS][설정] File Template for WebStorm React 맥에서 입맛에 맞는 에디터 찾기가 쉽지 않습니다. 특히나 맥맹인 저로써는 Visual Studio for Mac도 그리 좋아하지 않습니다. 애초에 텍스트 에디터나 리치 에디터 쪽에는 애플이 별로 신경을 쓰지 않은 것으로 보이네요. 적어도 맥맹인 저에게는 그렇습니다. =_=;;그나마 마음에 드는 녀석이 바로 WebStorm 이네요. 코딩의 즐거움을 줄이기? 위해서 ReactJS용 템플릿을 만들어 보았습니다. 만든 김에 귀찮아서 package.json, webpack.config.js 템플릿도 만들었습니다. 지우고 다시 설정하면 되도록 계속 조정을 할 생각입니다. ^^Preferences > Editor > File and Code Templates > + (add)1. React File (js.. 2017. 6. 28.
반응형