Full Stack 되는날까지!! 매일 공부하고 기록하자

html css 반응형웹 웹디자인 Ux/Ui 디자인 및 기획 웹퍼블리싱

Javascript 호이스팅 클로저 v8엔진 node 웹팩 바벨 vue.js sails.js spa pwa

Aws

DataBase

Linux

C언어

회사에서 진행중인 vue 프로젝트중에서 추후 기능을 추가하게되여 vuetify를 추가하게 되었는데,

기존 css가 영향을받아서 레이아웃구조가 틀어지게 되었다. 이후 영향받은 css를 수정하려고 이리저리 수정해봐도

적용이안되서 vuetify를 최상단으로 올려봤더니 말끔하게 적용되었다. 추후 스택오버플로어에 찾아보니

vuetify 적용후 기본 css를 덮어서 사용하는경우도 있었다.

2월 22일: 정보검색은 구글 버그검색은 스텍오버플로어

뷰티파이 버그로 인해 하루종일 구글과 네이버를 돌아다니며 정보의 바다를 헤엄쳐 다녔지만, 원하는 답변이나 정보를 찾을수없었다. 퇴근직전에 스택오버플로어가 생각이나서 검색해봤더니 10분만에 버그를 찾아서 해결했다.

문제는... 해당 icon의 css문제는 해결했지만.... vuetify 로구현된 알럿과, 셀렉트는 아직 미해결이다;;

vuetify는 커스터마이징하기 너무불편하고 ( css가 적용이 잘안된다.)

심지어 가져온 컴포넌트도 프로젝트에 넣으면 부분적으로 css가 적용이안된다.

부트스트랩이 문제가없다면 한번써보거나 비슷한 뷰 - 부트스트랩을 사용하면 좋을꺼같다.

2월 23일: vuetify는 쓰는걸 지양하자;;;

Vuetify 문제점

1. 기존 css에 영향이간다.(레이아웃 구조가 깨진다.) - vuetify import를 최상단으로 이동하여 해결
2. <v-app> 컴포넌트가 감싸야 작동된다하는데 각 ui컴포넌트에는 안내도없고, 어떤것은 있어도 제대로작동하지않으며, 어떤페이지는 없어도 제대로 작동한다. - v-app으로 감쌌다.
3. v-container 는 기존css에 영향을받는데 컨테이너는 vue 디버깅으로도 확인이 안된다 (컴포넌트만 확인가능)
4. css 커스터마이징하기 너무힘들다. (css 적용해도 작동하지않음)
5. 머터리얼 아이콘 사용하기위해 링크추가해야된다.

and

git 공부좀 더하자 브런치를 여러게나눈다고 꼭좋은거같진않다.

2월 24일 : lodash와 자바스크립트 객체, 컬렉션등 자료구조와 활용법에 대해서 조금더 공부해야된다.

또한 es6에 => {} 화살표 함수에 대해서도 조금더 공부하고 기존함수와 차이점을 공부하자