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 ..

Vue cli 3에서 IE11 적용방법에 대해서 공유를 합니다. 그래도 IE11까지는 지원을 하자는 마음에 babel-polyfill을 설치하여 작업을 하는데 제대로 동작이 되지 않아 하루 종일 삽질을 하였다. vue-excel-xlsx 라이브러리는 IE 익스플로러를 지원하지 않으니 참고하면 된다. 프론트엔드를 지난 몇 년간 개발을 해오면서 ES6를 ES5로 변환하기 위해(익스플로러 브라우저를 지원) 단순히 babel-polyfill 만 적용하면 될 줄 알았다. 사실 프로젝트를 세팅하는 초기에는 작동이 잘 되긴 한다. Promise를 만나기 전까지는 말이다. 그래서 대부분 해결되었다는 블로그를 봐도 내 프로젝트 소스에는 작동이 되지 않았다. 이미 운영서버로 배포가 되어 있는 상황이고 몇몇 라이브러리를 사..

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. 아래의 스..

윈도우에서는 폴더의 우클릭을 해서 속성정보를 보면 간단하게 용량을 확인할 수 있지만 리눅스에서는 명령어 기반이기 때문에 어떤 명령어를 입력해야 할지 모르는 경우가 많습니다. 리눅스에서 폴더 명령어 확인하는 방법을 알려드리겠습니다. 리눅스에서 디스크 용량을 확인하는 명령어는 크게 df / du 명령어가 있습니다. 1. df 명령어로 디스크 용량확인 df명령어를 입력하면 기본적으로 전체 디스크의 용량을 확인 할 수 있습니다. Used의 단위는 bytes 단위 입니다. 2. df -h 명령어로 디스크 용량 확인 df -h 명령어를 입력하면 사람이 알아보기 쉽게 단위를 변환해서 보여줍니다. 메가바이트(M), 기가바이트(G), 테라바이트(T) 단위로 볼 수 있습니다. 3. du -ah du -ah 명령어는 현재 ..

자바스크립트에서 성능 최적화를 하는 방법에는 여러 가지가 있습니다. 우선 제가 주로 사용하는 몇 가지 방법을 공유드리려고 합니다. 성능 최적화를 하는 이유는 비개발자이거나 소규모 사이트의 제작자 라면 사실할 필요도 크게 없습니다. 반면 본인이 서버를 직접 운영한다거나 대규모 사이트를 운영하고 있으시다면 성능 최적화만 하더라도 운영비를 크게 감소할 수 있을 것으로 예측이 됩니다. 1. DOM 접근 최소화 DOM을 접근할 때에는 가능하면 지역 변수로 할당하여 사용하시는 것이 좋습니다. dom 도 하나의 object이기 때문에 프로토타입 체인에 의해 내가 원하는 위치를 찾는데 시간이 발생하기 때문입니다. function getObject(){ let dom = document.getElementById('co..

파이어베이스 프로젝트 호스팅에 배포하는 법을 이어서 알아보겠습니다. 저는 Vue를 주로 이용하여 vue를 사용하여 예제를 진행한겠습니다. React도 비슷합니다. 1. 프론트엔드 소스를 빌드한다. 각자 프로젝트에 맞게 빌드를 진행합니다. yarn build or npm build 2. dist 파일 생성 확인 빌드 폴더를 다르게 진행한다면 다르게 나올 수도 있습니다. 기본은 dist 폴더로 생성되니 이걸로 확인 3. firebase init 프로젝트 준비가 되었느냐? Y 입력 후 엔터 키보드 아래로 내려서 Hosting 을 스페이스로 선택 후 엔터 Use an existing Project 선택 -> 이전에 만든 프로젝트 선택 배포 디렉토리 설정 기본은 public으로 되지만 우리는 dist 폴더를 배포..