Vuetify 정리

-

 [v1.5]

1. 왼쪽에 고정되고 상단바랑 content를 가리지 않는 navigation drawer 

<v-app>
  <v-navigation-drawer permanent app clipped fixed> ... </v-navigation-drawer  
</v-app>


2. 고정된 상단바

<v-app>

  <v-toolbar fixed app style="padding-left: 0;"> ... </v-toolbar>

  <v-content> ... </v-content>

</v-app>

자동으로 padding-left가 들어가는 것 같은데 없애주면 된다.


[v2.4]

이 블로그의 인기 게시물

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
자세한 내용 보기