[plume] 적용사항

vue-router 설치

페이지 이동을 지원하는 vue-router 설치함

 

bootstrap -> primeVue 로 변경

기존에 학원에서 만들었던 프로젝트 두개는 내가 CSS를 설정해본 적이 없었다.

CSS에 대해서 알아보고싶기도 했고, 프론트쪽 하려면 어느정도는 알고 있어야 한다고 생각했다.

그래서 첫번째 개인 프로젝트에서는 css를 적용시킬때, UI 프레임워크 없이 사용자 정의 CSS를 사용하여 구현하였다.

전체적으로 모든 CSS를 직접 해보고 나니까 아주 조금이나마 알게된것 같다.

 

그리고 이번 프로젝트에서는 부트스트랩과 같은 UI 프레임워크를 사용해보려고 한다.

처음에는 학원다녔을때 썼던 부트스트랩을 써볼려고 했다.

뷰 플젝에 부트스트랩5를 사용하려고 적용시켰는데부트스트랩 문서에 작성되어있던 내용들 때문에 부트스트랩은 삭제를 시키고 primeVue로 설치를 했다

 

아래 내용은 부트스트랩 문서에 작성되어있던 내용.요약하자면, 부트스트랩 자바스크립트를 쓴다면 DOM 요소에 접근을 하는 React, Vue, Angular와 같은 언어들과는 완전히 호환되지 않는다는 이야기.

While the Bootstrap CSS can be used with any framework, 
the Bootstrap JavaScript is not fully compatible with JavaScript frameworks like React, Vue, and Angular
 which assume full knowledge of the DOM. Both Bootstrap and the framework may attempt to mutate the same DOM element, resulting in bugs like dropdowns that are stuck in the “open” position.

https://getbootstrap.com/docs/5.2/getting-started/javascript/#usage-with-javascript-frameworks

JavaScript

 

primeVue