본문 바로가기

Web 프로그래밍208

robotjs npm, yarn install 오류 해결방법(prebuild-install || node-gyp rebuild) 라이브러리 패키지는 일반적으로 다른패키지의 의존성을 많이 가지기 때문에 설치 도중 의존성 패키지가 적합하지 않는다면 설치가 제대로 되지 않는 경우가 많다. 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 위와 같이 오류메세지가 출력되면서 설치가 되지 않는다. 위의 이미지는 인터넷에 떠돌아 다니는 일반적인 오류메시.. 2021. 8. 29.
React Native Expo 2달 사용 후기 및 설치 및 배포 방법 앱을 간단하게 개발하고 싶었는데 Flutter를 사용할 지 Javascript에 익숙한 React Native를 선택할지 고민이 많았지만 결국 React Native로 선택을 하였고 현재도 아직 잘 사용중이다. Expo의 선택은 아직까지는 후회가 없으며 실무에서도 또한 도입하려고 계획 중에 있습니다. React Native를 사용해서 개발을 하게되면 Expo라는 오픈소스 플랫폼이 나오는데 생각보다 라이브러리가 많았고 개발하기 쉽게 만들어져 있었다. 본인은 Vue 로 개발하는 것을 선호하였지만 React Hook을 1달가량 사용해보고 큰 무리 없이 React Native로 전향하였습니다. 그만큼 사용하기가 쉬웠고 프론트엔드 개발자라면 바로 가능합니다. https://docs.expo.io Introduct.. 2021. 6. 29.
Codility - Distinct 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.. 2021. 4. 24.
Codility - PermCheck 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 .. 2021. 4. 24.
Vue cli 3 + vuetify + IE11 babel-polyfill 적용(Promise 해결)과 꼼수들 Vue cli 3에서 IE11 적용방법에 대해서 공유를 합니다. 그래도 IE11까지는 지원을 하자는 마음에 babel-polyfill을 설치하여 작업을 하는데 제대로 동작이 되지 않아 하루 종일 삽질을 하였다. vue-excel-xlsx 라이브러리는 IE 익스플로러를 지원하지 않으니 참고하면 된다. 프론트엔드를 지난 몇 년간 개발을 해오면서 ES6를 ES5로 변환하기 위해(익스플로러 브라우저를 지원) 단순히 babel-polyfill 만 적용하면 될 줄 알았다. 사실 프로젝트를 세팅하는 초기에는 작동이 잘 되긴 한다. Promise를 만나기 전까지는 말이다. 그래서 대부분 해결되었다는 블로그를 봐도 내 프로젝트 소스에는 작동이 되지 않았다. 이미 운영서버로 배포가 되어 있는 상황이고 몇몇 라이브러리를 사.. 2020. 7. 13.
nginx 서브도메인(subdomain) 설정 방법 nginx 서브도메인(subdomain) 설정 방법 사이트를 운영하다보면 같은 도메인을 이용하여 여러개가 만들고 싶을 때가 있습니다. 도메인을 하나 더 사자니 부담드럽고 한 개의 도메인으로 여러개를 만들 수 있는 nginx 서브도메인 설정 하는 방법에 대해서 소개해드리겠습니다. 1. nginx를 설치하고 실행을 합니다. apt-get install -y nginx nginx 가 설치되고 나서 설치된 경로로 이동하여 줍니다. ( cd /etc/nginx ) 2. sites-available 폴더로 이동하여 줍니다. cd sites-available 3. 서브도메인으로 사용할 파일을 생성하여 줍니다. 그리고 파일을 vi 편집기로 열어줍니다. touch subdomain vi subdomain 4. 아래의 스.. 2020. 7. 12.

티스토리툴바