본문 바로가기
반응형

분류 전체보기116

Ubuntu 16.04 VBox 부팅 시 failed to start. Setting guest IRQ filter mask 해결법 Virtualbox로 ubutu 16.04를 사용하다보면 어느순간 갑자기 부팅시 마다 아래와 같은 alert 메시지가 뜬다. VBoxClient (seamless): failed to start. Stage: Setting guest IRQ filter mas Error: VERR_INTERNAL_ERROR 메시지를 보아하니 Virtualbox 관련 에러인듯하네요.(정확히는 잘모르겠네요) 그럴땐 아래와 같이 Virtualbox 게스트과 관련된 몇몇 패키지를 재설치 해주면 된다. 1 2 3 4 sudo apt-get install build-essential sudo apt-get install virtualbox-guest-utils sudo apt-get install virtualbox-guest-x.. 2019. 7. 21.
Python으로 웹 크롤링(Crawling ) 요즘 업무를 자동화 하는것에 꽂혀있어서 그런지.. 웹 크롤링(Web Crawling)에 관심이 생겼습니다. 웹 크롤링(Crawling)이란 다른말로 웹 스크랩핑(Scraping)이라고도 합니다. 말그대로 웹사이트를 스크랩(?)하는 작업으로.. 특정 웹사이트에서 특정정보를 잘라와 모으는 것입니다. 어릴적에 숙제로 신문 스크랩하던게 떠오르네요. 크롤링이라고 검색해보면 많은 예제들이 있습니다. 다루는데 있어서 편리한 언어인 Python으로 웹크롤링을 한번 해보도록하겠습니다. 네이버 검색어 Top10을 가져와 보는 예제입니다. 사용할 라이브러리는 아래와 같습니다. - requests : http요청을 간편하게 다룰수 있게 도와주는 라이브러리입니다. - BeautifulSoup : 웹문서를 쉽게 파싱하고 원하는 .. 2019. 7. 19.
Python Script 작성시 argument 여러개 받기 회사 업무 효율을 위해서 이런저런 스크립트를 짜곤합니다. 그중 파이썬을 애용하는데요. 작성하기 편하고, 모듈도 잘 만들어 져있어서 잘만 쓰면 너무 좋은 언어인듯합니다. 파이썬으로 스크립트 작성 시 argument에 대한 처리 할 때 아래와 같이 하곤 합니다. # Python 3.7 # file : script.py # author : blabla import sys if __name__ == '__main__': argument = sys.argv del argument[0]# 첫번째 인자는 script.py 즉 실행시킨 파일명이 되기 때문에 지운다 print('Argument : {}'.format(argument)) 위 스크립트를 실행 해보면 아래와 같은 실행결과를 얻을 수 있습니다. PS C:\my.. 2019. 7. 16.
Javascript로 key 이벤트 발생 시키기(Pure Javascript) jquery로 특정 이벤트를 일으킬려면 $.trigger를 사용 하면 됩니다. 하지만 jquery없이 순수 자바스크립트로 keydown이벤트를 발생 시킬려면 아래와 같이 하면 됩니다. (function(){ document.addEventListener('keydown', function(e){ const keyCode = e.keyCode; console.log('pushed key ' + e.key); if(keyCode == 13){ // Enter key document.dispatchEvent(new KeyboardEvent('keydown', {key: 'e'})); // document.dispatchEvent(new KeyboardEvent('keyup', {key: 'e'})); } el.. 2019. 7. 15.
React 이미지 파일 업로드 하기 React로 파일을 업로드 방법을 정리하려고합니다. 간단한 방법은 아래와 같습니다. 클라이언트 앱(react) view 페이지에서 input[type=file] 요소를 적절한 위치에 추가. state 추가( state를 이용해서 파일을 업로드하려고합니다.) input[type=file] 이벤트 처리 추가 전송 버튼 클릭 시 axios 호출 코드 추가 서버 앱(express) multer 설치(aws s3에 업로드하려면 multer-s3 설치) fileupload 모듈 작성 route에서 upload 코드 추가 먼저 클라이언트앱을 작성해봅시다. 01. view 페이지에 input[type=file] 추가 ./src/App.js import React, { Component } from 'react' cla.. 2019. 6. 24.
리눅스 자주 쓰는 명령어2 * 자주 사용하는 명령어 2 dpkg --list : 설치된 패키지 리스트 apt-get --purge remove [삭제할 패키지] : 패키지 완전 삭제 apt-cache search [정규식] : 패키지 서칭 scp [파일명] [계정]@[IP주소]:[경로] : 파일 ssh로 전송 ex) scp -r /home/util user@111.222.333.444: chown [계정명]:[그룹명] text.txt : 파일 소유자 변경 cat /etc/issue : 리눅스 OS정보 확인 tput reset : clear랑 비슷 env : 환경변수 확인 lsof -i tcp:8080 : 8080번 포트 상태 확인 * 아래는 firewall 관련 명령어 firewall-cmd --state : 방화벽 실행 여부를 .. 2019. 6. 24.
초간단 Express + Mysql 환경 셋팅 Nodejs로 Mysql 연동 방법을 알아봅니다. Express 프레임워크를 사용해서 간단한 API 서버를 만들려고합니다. mysql이라는 라이브러리를 설치해 사용하면 됩니다. 01. mysql 라이브러리 설치 npm install --save mysql 02. config.js 파일 작성 ./config.js const config = { host : '***************.rds.amazonaws.com', user : 'username', password : 'password', port : 3306, database : 'dbname', connectionLimit : 10 }; module.exports = config; 위와 같이 config정보를 따로 파일로 관리하였습니다. (미리 구.. 2019. 5. 14.
React와 Express 서버 연동 시키기 React로 토이 플젝을 진행 중인데 서버 코드가 필요하고 Express 서버를 사용할까 합니다. 간단하게 Express로 서버를 만들고 React와 연동 시켜보겠습니다. 연동 방법은 create-react-app v2에서 새롭게 추가된 기능 중 하나인 proxy 설정 커스터 마이징을 이용하는 것이고 npm-run-all 모듈을 이용해서 명령어 하나로 client와 server를 동시에 띄워볼려고 합니다. create-react-app로 플젝이 생성 완료 됬다고 가정하고 진행하겠습니다. 01. server 작성 먼저 src와 같은 level에 server라는 폴더를 만들었습니다. 그리고 app.js를 아래와 같이 작성하였습니다. const express = require('express'); const .. 2019. 4. 28.
React에서 match와 props React에서 match와 props는 별로 연관성이 없습니다. 하지만 변수를 다른 컴포넌트로 넘겨 사용할 때 쓰는 건데, 헷갈릴때가 있더라구요..(나만 그럴수도..ㅎㅎ) match는 route -> component props는 component -> component 로 변수를 넘길 때 사용합니다. 간단한 예를 통해 사용법을 알아보도록 하겠습니다. 01. match React에서 route에서 component로 인자를 넘기고 싶을 때는 어떻게 해야할까요? 예를 들어 아래와 같은 url 패턴을 만들고 싶습니다. URL 내용 / 홈 /board 게시판 /contact 연락처 이 중 board, contact라는 값을 컴포넌트 단에서 값을 동적으로 받아 처리하고 싶다면? 먼저 App.js를 아래와 같이 .. 2019. 4. 27.
React용 UI 프레임워크 gestalt 사용해보기 gestalt는 react용 UI프레임워크의 한 종류입니다. https://github.com/pinterest/gestalt https://pinterest.github.io/gestalt/#/ Gestalt pinterest.github.io 웹 UI프레임워크 중 널리 알려져 있는 것 중 하나가 바로 bootstrap입니다. bootstrap은 jquery를 기반으로 동작하며, jquery와 해당 라이브러리를 참조하면 깔끔하게 디자인된 레이아웃, 폼, 버튼, 모달창 등을 사용할 수 있습니다. gestalt는 bootrap과 유사합니다. react에서 사용 가능하며, bootrap처럼 많은 UI 컴포넌트가 제공됩니다. (반응형도 갖춰져있습니다.) gestalt를 사용해서 간단하게 포트폴리오 사이트 레이.. 2019. 4. 22.
리눅스_명령어 kill, ps, grep, awk 함께 사용하기 회사에서 일을 하다 보면 반복 작업이 생깁니다. 예를 들어 아래와 같은 작업이 있다고 가정해봅시다. 특정 서비스(프로세스)를 강제로 내린다. 위 작업은 매우 간단합니다. 해당 프로세스의 PID를 찾아서 kill 명령어로 강제 종료합니다. PID는 매번 서비스를 올릴 때마다 바뀝니다. 그렇기에 보통은 아래와 같은 방식으로 위 작업을 수행합니다. (서비스가 nodejs로 구성 됬다면) jckang@jckang:~/nba_react/nba-app$ ps -ef | grep node jckang 3582 3581 0 22:01 pts/6 00:00:00 node /home/jckang/nba_react/nba-app/node_modules/.bin/react-scripts start jckang 3589 358.. 2019. 4. 18.
Selenium으로 웹브라우저 테스트 자동화 요즘 회사에서 일하다 보면 무언가 자동화 하고 싶은 작업들이 간간히 생깁니다. 특히 웹을 통한 단순 반복 작업(?)과 같은 것들은 따분하고 재미없어서 후딱후딱 해버리고 싶습니다. 자동화에 대해서 검색하던 중 Selenium이라는 것을 알게 되었습니다. 브라우저를 자동화하는 일종의 라이브러리입니다.. 주로 웹어플리케이션 테스트 자동화에 쓰이구요. 하지만 웹 기반 관리 작업을 자동화하는데도 사용 될 수 있다고 합니다. Selenium 어떻게 사용하는지 몇가지 케이스를 중심으로 소개해봅니다. 01. 준비(라이브러리 및 프로그램 설치)일단 파이썬으로 진행 할 것입니다. OS는 windows 10 입니다. 브라우저는 Chrome을 사용합니다.파이썬은 미리 설치를 했구요. 12PS C:\> python --vers.. 2019. 3. 16.
반응형

티스토리툴바