본문 바로가기

분류 전체보기

(175)
Firebase로 nuxt.js 배포하기 1. generate 커맨드로 dist 파일 생성2. firebase-tools 설치(npm install firebase-tools -g)3. firebase login으로 구글 로그인4. firebase deploy5. 이때, firebase.json의 hosting을 'dist'로 바꿔주면, dist폴더의 내용이 업로드 된다.
SSH 포트를 막고 연결을 끊었을 때 복구방법 예를 들어 ufw deny 22 같은 명령어를 칠 사람은 거의 없겠지만, 방화벽을 켜놓고 ufw allow 22를 안한 경우도 있을 것이다. 게다가 호스팅을 사용하는 경우에는, 더욱 곤란할 수 밖에 없다. 그렇지만, AWS를 사용할 때에는 좋은 방법이 있다.먼저 해당 EC2 인스턴스의 디스크를 복사해서 다른 ec2 인스턴스로 연다. 여기서 다른 ec2 인스턴스를 여는것은, 다른 추가 디스크로 열어야한다그 다음, 해당 인스턴스로 ssh 접속을 한다./etc/ufw/ufw.conf를 편집기로 열고 ENABLED=no로 바꾼다.그 다음 해당 디스크를 바탕으로 원래 쓰던 서버의 디스크 이미지를 교체한다
vue-naver-maps 문서 vue-naver-maps의 Docs를 개선해서 깃허브로 배포했습니다.주소 : https://shin-jaeheon.github.io/vue-naver-maps기존의 마크다운보다 훨씬 미려한 디자인과 더불어, 내용을 좀 더 추가하거나 다듬었습니다. vue-naver-maps는 https://www.npmjs.com/package/vue-naver-maps 에서 다운로드가 가능합니다.yarn : yarn add vue-naver-mapsnpm : npm install vue-naver-maps
WebStorm 미세 팁 웹스톰에서 유용하게 쓸 수 있는 몇 가지 기능을 소개한다.package.json에서 의존성의 버전 관리웹스톰 2018.3부터 버전 자동 완성을 지원한다.예를 들면, "axios": ""에서, Ctrl+Space를 누르면 latest 버전이나 next등이 뜬다.기존의 버전을 특정 버전으로 바꾸려고 할 때도 유용하다.프로젝트에서 어떤 의존성의 버전이 "2.6.3"이고 최신 버전이 "2.8.3"인데, "2.6.x"에서 최신 버전으로 고치고 싶다면 아래와 같이 하면 된다."xxxx":"^2.6."에서 '.'뒤에서 Ctrl+Space를 누르면 2.6.으로 시작하는 버전이 자동으로 뜬다. Local History이전의 코드를 보고 싶을 때에는 Ctrl+Z를 누르는 것이 아니라, VCS > Local History를..
Typescript에서 export default enum사용하기 Typescript에서 export default enum사용하는 방법은 아래와 같다. 이러한 작동방식은 의도적으로 구현한 것이라 한다. enum TypeName { };export default TypeName;
Vue.js + Nuxt.js로 동적 URL 페이지 만들기 Nuxt.js는 vue-router를 내장하고 있고, 매우 간편한 방식으로 라우팅을 할 수 있다.예를 들면 아래와 같은 URL 구조를 Nuxt.js에서 구현하는 방법은 간단하다.예시 URL 구조/article 글 목록/article/:id 글 보기index 메인페이지/user/:name 유저 정보 페이지 Nuxt.js에서 /pages 폴더 구조pages/article/index.vue_id.vueuser/_name.vueindex.vue폴더 구조만으로도 라우팅이 가능한 Nuxt.js의 장점이다.더 자세한 내용은 공식문서에 한국어로 잘 나타나 있다. https://ko.nuxtjs.org/guide/routing/
빈 배열 여부를 체크하는 함수 아래의 isEmptyArray 함수는 빈 배열이거나, Array가 아니면 true를 반환합니다. 그렇지 않으면 false를 반환합니다.JavaScriptTypeScript
자바스크립트 배열 중복 제거 (JavaScript duplicate array) Jquery를 사용하지 않는 순수한 자바스크립트 코드입니다.원리array.reduce에서 기본 인자 값을 빈 배열을 넣어줍니다.그 다음 누적 배열에 현재 값이 있으면 누적 배열을 반환하고, 없으면 합쳐서 반환합니다.이때, 거꾸로 출력 됩니다. (예: [deduplicate([1, 2, 3, 1, 2, 3]) // [3, 2, 1])원래대로 출력하려면 .reverse()함수를 사용하세요.또한 ES6 이상에서만 사용 가능한 함수입니다.TypeScriptfunction deduplicate(array: Array): Array { return array.reduce((temp, now) => temp.includes(now) ? temp : [now, ...temp], []); }