VUE

🍧 프로젝트 소개 이번 프로젝트는 약 한 달간 진행된다. 한 달이라는 기간이 좀 크게 와닿기도 했고, 파이널 프로젝트라는 이름이 주는 무게감이 있었기에 제대로 해야 한다는 마음 속에 프로젝트에 임하게 됐다. 각각 2~3개씩 주제를 주말동안 생각해왔다. 회의하면서 여러 주제 중 2개로 좁혀졌는데 하나는 근무 관리 시스템이었고, 하나는 매장 관리 시스템이었다. 그렇게 해서 두 개 중 "매장 관리 시스템"을 만들기로 했다. "어떤 매장 관리 시스템?" 이라는 물음표가 나왔고, 여러 종류 중 아이스크림 가게를 하기로 결정했다. 📅 프로젝트 기간 2023년 6월 12일 ~ 2023년 7월 12일 (약 한 달) 6월 12일 ~ 15일 : 주제 선정, 설계 6월 16일 ~ 25일 : back 구현 (spring bo..

Vue는 무엇인가?MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리이다.  View브라우저에서 사용자에게 비쳐지는 화면이다. 입력박스, 버튼 등이 view에 해당하고,html은 dom을 이용해서 javascript로 조작을 할 수 있게끔 구성이 되어 있다.  Vue 특정 사용자가 키보드를 입력하거나 마우스를 클릭하면 이벤트가 발생하게 된다.그 이벤트를 중간에 view에서 dom listeners로 청취하게 된다.그런 이벤트를잡아서 javascript에 있는 데이터를 갖고와 주거나 혹은 이 javascript에 지정했던 특정 로직에서 실행하게 된다. 그래서 javascript 데이터가 변했을 때는 data Bindings를 하게되는데 만약, 문자열이 바뀌거나 숫자가 ..

Chrome, Visual Studio Code, Node.js, Vue.js devtools(chrome 확장 프로그램) 설치하기. Visual Studio 플러그인 설치총 4개를 설치해야한다.vetur 설치Materal Icon Theme 설치Night Owl 설치Live Server 설치  Vetur 설치  Materal Icon Theme 설치   Night Owl 설치    Live Server 설치       그 외로 추가하면 좋은 것들    Visual Studio 플러그인 적용하기File > Preferences > Theme > File Icon Theme 클릭을 하면     위와 같이 보이는데 Material Icon Theme로 설정해주기     Theme > Color Theme 클..