Vue.js 다시 시작

Vue를 학원에서 배웠지만

 

프로젝트 구현, 완성에 집중하느라 많은 기능을 못쓰고 쓰는것만 사용한것도 있고

 

깊게 이해하지못하고 사용해서

 

다시 공부를 하면서 기록을 해야겠다.

 

 

새로 안 사실은 Vue설치 시 node.js를 설치하는 이유인데,

 

그냥 npm 쓰려고하는거고 npm은 그냥

 

각종 웹개발 라이브러리 설치도우미 및 패키지 매니저이다.

 

그리고 Vue를 설치하기위해

 

터미널에 npm install -g @vue/cli 이걸 치는데,

 

걍 vue 개발환경 시스템을 설치하는 명령어다.

 

 

그리고 다시 복기하는 정보는 뭐 vue는 data나 props, state 변수들 상태가 바뀌면 가상돔(virtual dom)에서 감지해서

자동으로 재렌더링을 해준다는거 정도..

 

그리고 node.js 설치할 때 최신것으로 받으니까 

 

Error: digital envelope routines::unsupported
opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error’ ],
library: ‘digital envelope routines’,
reason: ‘unsupported’,
code: ‘ERR_OSSL_EVP_UNSUPPORTED’

 

프로젝트 파일 생성하고 실행 시

 

이 에러나던데 그럴때는 최신버전말고 옆에있는 안전버전 받으면된다.

 

 

각종 파일의 존재 이유..

 

 

그리고 이건 몰랐던 사실인데,

 

태그 안 attr이나 src에 :src 이런식으로 동적으로 적어줄 수 있다는건 알았는데,

 

스타일도 :style="myStyle" 이렇게 가능했다. 

 

myStyle은 data에 변수로 만들고,

 

value에 'color: red'

 

뭐 이렇게 써주면 data에 있는 지정된값으로 html을 바꿔줄 수 있다.