본문 바로가기

전체 글

 (24)
vue.js 디렉티브 기초 vue.js 디렉티브 기초 v-bind : html 속성과 js의 값을 연결해준다. 동적으로 값에 따라 클래스를 추가하거나 삭제하는 등의 응용이 가능하다. 즉 jQuery의 addClass() 따위를 쓸 필요가 없다는 것. v-for : 반복적으로 태그를 생성한다. 이 때 :key를 붙이면 성능이 올라간다. 이는 연산 시에 원하는 태그를 빠르게 찾을 수 있기 때문인데, 이 이유로 인해 key는 유일성을 가지는 것이 좋다. 또한 key는 string이나 number로 하는 것이 좋다. 안그러면 Avoid using non-primitive value as key, use string/number value instead 이런 warning이 콘솔에 뜬다.
Vue.js 특징 vue.js 특징 양방향 바인딩 한번 view와 model data를 연결해 놓으면 어디서 바꾸든 반대쪽도 같이 변한다. 디버그가 모호함 버그나 warning이 났을 때 해당 문제가 어디서 발생했는지 명확하게 콘솔에서 알려주지 않아서 찾는데 좀 더 시간이 걸린다. 한 파일에 html, css, js가 모두 들어가 있음. CSS의 경우 scoped를 설정해 주면 해당 컴포넌트에만 CSS가 적용됨. 기본적으로 지원되는 기능이 React 보다 많음 컴포넌트에서의 root element는 하나만 허용됨.
Socket error Event: 32 Error: 10053 error 여느때처럼 Xshell로 ssh 연결을 통해 서버 접속을 하는데 위 에러가 뜨며 연결이 되지 않았다... 알아보니 연결 PC에 프로세스가 너무 많아서 연결을 못받는 케이스였다. 관련 프로세스들을 제거해주니 SSH 연결이 정상적으로 작동했다. 그걸 해주려면 결국 그 PC에 들어가야 하는데 어떻게 들어갔는지는 못 들었다... [모던 리눅스 관리]라는 책에 있다는데.. 나중에 한번 볼 필요가 있겠다.

티스토리툴바