![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bnr7jr/btrh0DOAHuF/1Aex9lv7cc8JqxKa8onDu0/img.png)
리액트로 홈페이지를 여러 개 만들고 있는데 항상 배포 전에 ssl 설정 때문에 많이 시간이 지체되어 이번에 nginx + ssl + certbot으로 무료 ssl 설정하는 방법에 대해 포스팅해보려고 한다. 꽤 여러 번 해보았어서 이번엔 정리도 해볼 겸 다음번에 빠르게 하기 위해 명령어만 신속하게 정리를 해본다. 서버는 AWS EC2 ubuntu 18.04버전으로 하였으며 다른 버전도 크게 상관없을 거 같다. yum 계열의 linux 계열이면 명령어가 조금 다를 것이니 주의하여야 한다. 아래의 명령어를 순차대로 실행하면 될 것이다. 1. nginx & certbot 설치 기본적인 설치를 진행해 주도록 한다. nginx와 certbot을 설치한다. apt-get update apt-get install ng..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/lbCiv/btrdr3cAVY7/ViBuf4KR8KGUkWENV8AKJ0/img.png)
라이브러리 패키지는 일반적으로 다른패키지의 의존성을 많이 가지기 때문에 설치 도중 의존성 패키지가 적합하지 않는다면 설치가 제대로 되지 않는 경우가 많다. robotjs 라이브러리 설치하면 아래와 같은 오류를 많이 만날 것이다. Mac에서는 오류가 잘 안나지만 Windows계열에서 오류가 잦아 이번에 포스팅을 해보고자 한다. prebuild-install warn install no prebuilt binaries found (target=14.17.0 runtime=node arch=x64 libc= platform=win32) prebuild-install || node-gyp rebuild 위와 같이 오류메세지가 출력되면서 설치가 되지 않는다. 위의 이미지는 인터넷에 떠돌아 다니는 일반적인 오류메시..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/mDC5I/btq8mT0tOp2/y1Kms20kgoYQK7TKQZTOfK/img.png)
앱을 간단하게 개발하고 싶었는데 Flutter를 사용할 지 Javascript에 익숙한 React Native를 선택할지 고민이 많았지만 결국 React Native로 선택을 하였고 현재도 아직 잘 사용중이다. Expo의 선택은 아직까지는 후회가 없으며 실무에서도 또한 도입하려고 계획 중에 있습니다. React Native를 사용해서 개발을 하게되면 Expo라는 오픈소스 플랫폼이 나오는데 생각보다 라이브러리가 많았고 개발하기 쉽게 만들어져 있었다. 본인은 Vue 로 개발하는 것을 선호하였지만 React Hook을 1달가량 사용해보고 큰 무리 없이 React Native로 전향하였습니다. 그만큼 사용하기가 쉬웠고 프론트엔드 개발자라면 바로 가능합니다. https://docs.expo.io Introduct..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/b4rGPA/btq3mqQv8BC/vkxxuEeYTiSJEv6iJzBXC1/img.png)
Codility - Distinct 중복 처리 문제Codility - Distinct 중복 처리 문제 Write a function function solution(A); that, given an array A consisting of N integers, returns the number of distinct values in array A. For example, given array A consisting of six elements such that: A[0] = 2 A[1] = 1 A[2] = 1 A[3] = 2 A[4] = 3 A[5] = 1 the function should return 3, because there are 3 distinct values appearing in array..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/We5QQ/btq3n8up9Dw/5YjYar9KhRa2tzKVEa2pk0/img.png)
Codility - PermCheck 순열 체크하는 문제 A non-empty array A consisting of N integers is given. A permutation is a sequence containing each element from 1 to N once, and only once. For example, array A such that: A[0] = 4 A[1] = 1 A[2] = 3 A[3] = 2 is a permutation, but array A such that: A[0] = 4 A[1] = 1 A[2] = 3 is not a permutation, because value 2 is missing. The goal is to check whether array A is ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bdI8PD/btqFBYozjsR/KDP0PMLaEkaIIQl3ZfKcq0/img.png)
Vue cli 3에서 IE11 적용방법에 대해서 공유를 합니다. 그래도 IE11까지는 지원을 하자는 마음에 babel-polyfill을 설치하여 작업을 하는데 제대로 동작이 되지 않아 하루 종일 삽질을 하였다. vue-excel-xlsx 라이브러리는 IE 익스플로러를 지원하지 않으니 참고하면 된다. 프론트엔드를 지난 몇 년간 개발을 해오면서 ES6를 ES5로 변환하기 위해(익스플로러 브라우저를 지원) 단순히 babel-polyfill 만 적용하면 될 줄 알았다. 사실 프로젝트를 세팅하는 초기에는 작동이 잘 되긴 한다. Promise를 만나기 전까지는 말이다. 그래서 대부분 해결되었다는 블로그를 봐도 내 프로젝트 소스에는 작동이 되지 않았다. 이미 운영서버로 배포가 되어 있는 상황이고 몇몇 라이브러리를 사..