lahuman & jabsiri 노트 lahuman & jabsiri 노트

Reactjs] Create-react-app 시작하기 reactjs 시작은 다음과 같다. $> npx create-react-app my-app $> cd my-app $> npm start위와 같이 명령어를 실행하여 기본 react 구조와 모듈이 포함된 프로젝트를 생성한다. 생성된 프로젝트의 구조는 다음과 같다. my-app ├── README.md ├── node_modules ├── package.json ├── .gitignore ├── public │ ├── favicon.ico │ ├── index.html │ └── manifest.json └── src ├── App.css ├── App.js ├── App.test.js ├── index.css ├── index.js ├── logo.s..

puppeteer에서 POST로 요청 날리기 puppeteer에서 request를 POST로 요청 하기 위해서는 다음과 같은 설정을 해야 합니다. await page.setRequestInterception(true); // create a flag to only modify the initial request let reformatFirstRequest = true; page.on('request', interceptedRequest => { if (reformatFirstRequest) { console.log('first-request'); reformatFirstRequest = false; interceptedRequest.continue({ method: '..

web push 구현하기 web push를 구현하기 위해서 web-push라는 모듈을 사용해야 한다. 구현 방법은 Sending Web Push Notifications from Node.js을 참고 하면 된다. (추후 시간을 내어 코드를 정리해보려고 한다.) 오늘은 일단 중요한 몇가지 사항을 공유 하려고 한다. windows에서는 알람을 활성하 해두어야 알람을 받을 수 있다. 실제 서비스는 https만 가능하며, 인증서 또한 공식 인증서를 이용해야 된다. subscription 정보를 잘 관리 하면 계속 상대방이 차단하기 전까지 계속 알람을 보낼 수 있다. 동작 원리는 worker를 등록하여 상대방에게 push를 한다. 일단 오늘은 여기까지!!! 참조 링크 Sending Web Push Notifica..

swap 설정하기 2G 메모리를 가진 MongoDB 인스턴스에서 메모리가 부족하다는 메시지를 계속 받았다. 메모리를 제외하고는 큰 문제가 없어서 확인을 해보니 swap 영역의 크기가 0 이었다. swap은 디스크를 메모리처럼 사용하는 거라, 성능에 좋지 않아서 기본설정이 사용하지 않도록 되어있다. MongoDB의 메모리 문제를 해결하기 위해 swap을 이용하기로 내부 결정을 하였다. 설정은 다음과 같다. # swap 확인 $> sudo swapon -s $> sudo free -m total used free shared buff/cache available Mem: 1955 271 1169 0 515 1537 Swap: 0 0 0 #swap 만들기 $> sudo fallocate -l 4G /swapf..

Nginx source를 이용한 컴파일 설치 오랜만에 Nginx를 설치하고 sub_filter를 사용하였는데 동작을 하지 않는다. 원인은 http_sub_module이 설치 되지 않아서 발생하는 문제이다. nginx에 http_sub_module을 설치하기 위해서는 꼭 source compile 설치를 해야 한다. NGINX 컴파일에서 컴파일 방법에 대하여 잘 정리가 되어 있다. 다음은 내가 사용한 명령어만 정리 하였다. # 최초 update & 필수 gcc g++ 설치 $> sudo apt-get update $> sudo apt-get install gcc g++; # Nginx 설치 디렉토리 설정 $> mkdir nginx_source $> cd nginx_source/ # Nginx 1.15.10..

R에서 rJava 사용하기 위한 설치 진행 동시출현 단어에 대한 분석이 필요하여, 검색을 해보았다. R언에에서 간단하게 함수 호출로 처리가 가능하다는 것을 확인하였다. R 설치 하기 How To Install R on Ubuntu 18.04 를 참조해서 R을 설치 했다 명령어를 따라만 해도 쉽게 설치가 된다. # 서버 키값 추가 $> sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys E298A3A825C0D65DFD57CBB651716619E084DAB9 # repository 추가 $> sudo add-apt-repository 'deb https://cloud.r-project.org/bin/linux/ubuntu bionic-cra..

pupperteer를 이용한 화면 캡처 기능 개발 이번에 개발하는 기능중에 화면을 캡처해서 다운로드를 제공해야 하는 기능이 있다. 처음 시도한 방법은 html2canvas을 이용한 방법 이었는데... 실패 했다. 화면에 보여주는 부분은 잘 캡쳐가 되지만, 스크롤에 숨겨진 부분이 캡쳐가 되지 않았다. 하루를 날리고, 다음으로 시도한 방법은 pupperteer를 이용해서 요청이 오면 내부에서 새로운 페이지를 띄우고 해당 페이지를 로딩해서 캡쳐 하는 방식이다. 만든 코드는 다음과 같다. router.post('/capture', async (req, res, next) => { const file_name = `${shortid.generate()}.png`; const browser = awa..

MongoDB aggregate 사용 다음과 같은 형식의 여러 ROW의 데이터를 하나의 데이터로 표현 하고 싶었다. # DATA { "_id" : ObjectId("5c864b1e1cd4038eed5b5633"), "link_tag" : [ "#핫앤쿨", "#마스크팩", "#홈케어", "#리뉴메디", "#젊줌마", "#예뻐지는시간" ], "name" : "홈케어", "text" : "젊어지는시간\n. .\n\n#핫앤쿨 #마스크팩 #홈케어\n#리뉴메디 #젊줌마 #예뻐지는시간", "owner" : "10961953345", "shortcode" : "Bu3eX2iHIFG", "display_url" : "https://scontent-icn1-1.cdninstagram.com/vp/c330b55401b96a..