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()



이 블로그의 인기 게시물

Postgresql에서 5432 port가 열려있냐는 문제(Ubuntu 기준)

-
1. 에러 각종 서비스에서 5432 port가 열려있느냐를 묻는 에러가 발생한다. django는 이런 식. Is the server running on host XXX and accepting TCP/IP connections on port 5432? 어쨌든 connection이 안되면 서비스가 실행되는지, port가 열려있는지 확인해보는게 좋다. 2. 확인 1) htop 에서 postgresql이 있는지 본다. 혹은 ps -el. 2) netstat -ntl로 5432가 열려있는지 본다. 3) service postgresql status로 서비스가 active 상태인지 본다. 3. 해결방법 1) postgresql이 실행되어 있지 않다. sudo service postgresql start. 2) 5432 port가 열려있지 않다. - /etc/posgresql/VERSION/main/pg_hba.conf에서 # IPv4 local connections 아래   host    all             all             0.0.0.0/0           md5 를 추가(혹은 수정) - 외부에서 접속하는 경우 방화벽이 막혀있는 경우가 있다. 열어도 되는 서버라면   iptables -I INPUT 1 -p tcp --dport 5432 -j ACCEPT   iptables -I OUTPUT 1 -p tcp --dport 5432 -j ACCEPT AWS EC2는 EC2 콘솔에 가서 열어야 하는 것 같다. 3) 실행도 되어있고 port도 열려있다. 이전 실행에서 비정상적으로 종료된 경우가 가끔 있다. /var/lib/postgresql/VERSION/main/pos...
자세한 내용 보기

vue에서 v-html에 포함된 class의 css가 적용되지 않는 경우

-
<div class="container">       <div v-html="내용"></div>, </div> ... 내용 = <p class="line"></p> ... <style scoped>     .line {          color: red;      } </style> 이런식으로 v-html을 사용하면 .line의 css가 적용이 안되는 경우가 있는데, scoped 때문이다. <style>     .container .line {          color: red;      } </style> scoped를 제외하고 style 태그를 한 번 더 써서 정의해주면 된다. 단, 다른 컴포넌트에 같은 이름의 class가 있으면 영향받지 않게 정확하게 정의해줘야 한다.
자세한 내용 보기

Linux screen 명령어 정리

-
1. screen -list : screen 목록 2. screen -S [name] : screen 생성. 중복된 이름도 가능하다. 그럴 경우 -list로 정확한 이름을 확인하고 접속 3. screen -x [name] : screen 접속(다중접속 가능). 다중 접속 중이면 보이는 크기가 작아진다. 이유는 모르겠음 4. screen -r [name] : screen 접속(다중접속 불가) 5. screen -X -S [name] quit : screen 삭제 6. (접속중) ctrl + a + d : 현재 screen 나오기 7. (접속중) ctrl + a, shift +f : 현재 screen 전체 화면으로 보기 8. (접속중) ctrl + a + [ : copy mode
자세한 내용 보기