9월, 2019의 게시물 표시

Vue + Konva.js 정리

0. 환경 - Vue 2.6 - vue-konva 2.0 1. @click.stop   @click.stop을 쓰면 오류가 발생한다. 자동으로 전달되는 이벤트 객체가 일반 javascript 이벤트 객체가 아니기 때문이다. 일반 javascript의 event객체는 konva가 넘겨주는 event 객체에서는 event.evt로 찾아와야 한다. 즉 event.stopPropagation() === event.evt.stopPropagation()

Nuxt 2 + Vuetify 2 초기 설정

0. 환경 - nuxt 2.0.0 - vuetify 2.0.0 1. nuxt    https://ko.nuxtjs.org/guide/installation  한국어 버전 nuxt 공식 홈페이지에서 starter template를 다운받아서 사용했다. 영어 홈페이지에 들어가니 create-nuxt-app을 사용하라는 걸 보니까 그냥 다운받은게 문제인 것 같기도 하다. 2. vuetify   https://vuetifyjs.com/en/getting-started/quick-start  역시 공식 홈페이지를 따라했다. 첫 설치 시 dist/index.html이 없다는 오류가 발생했지만 무시. 컴파일 에러가 발생하지는 않지만 전혀 적용이 안된다. 3. nuxt-vuetify 설치    https://www.npmjs.com/package/@nuxtjs/vuetify  여기서 시키는대로 설치하면 적용은 된다. 4. custom theme    적용은 되는데 custom theme을 option에 넣어도 적용이 안됨. https://stackoverflow.com/questions/56074338/nuxt-vuetify-how-to-apply-theme-colors/56076778  이 페이지를 참고해서 nuxt.config.js에 아래처럼 작성하면 적용된다. modules: [   ['@nuxtjs/vuetify'] ], vuetify:{   theme: {     themes: {       light: {         primary: "#5755d9",          secondary: "#444291",          accent: "#444291",          error: "#f44336",          warning: "#ffeb3b",          info: "#2196f3",    

Ubuntu 명령어 정리

1. 전체 파일시스템 사용량    df -h 2. 디렉터리 크기 1) 전체 보기 : du -h [경로] 2) 용량만 보기 : du -hs [경로] 3. 파일 열지 않고 내용 다 지우거나 빈 파일 만들기   > [파일이름] 4. 파일 크기 순 정렬   ls -lahS 5. 우분투 버전 체크   lsb_release -a 6. 파티션 확장   sudo growpart (/dev/)디바이스이름 파티션번호 7. 파일 시스템 확장(ext2/ext3/ext4)   sudo resize2fs 파일시스템 8. 디바이스 목록   lsblk